Distinguish between notebook/console in starred

src/components/table.tsx

@@ -50,6 +50,7 @@ export function KernelTable(props: {
   query: string;
   onClick: (item: IKernelItem) => void;
   hideColumns?: string[];
+  showWidgetType?: boolean;
 }) {
   const { trans } = props;
   let query: string;
@@ -121,6 +122,18 @@ export function KernelTable(props: {
     }
   );
 
+  if (props.showWidgetType) {
+    extraColumns.push({
+      id: 'widget-type',
+      label: trans.__('Type'),
+      renderCell: (row: IKernelItem) => {
+        return row.command.split(':')[0];
+      },
+      sort: (a: IKernelItem, b: IKernelItem) =>
+        a.command.localeCompare(b.command)
+    });
+  }
+
   const availableColumns: Table.IColumn<IKernelItem>[] = [
     {
       id: 'kernel',

src/launcher.tsx

@@ -83,6 +83,10 @@ function LauncherBody(props: {
     }
   }
 
+  const starred = [...props.notebookItems, ...props.consoleItems].filter(
+    item => item.starred
+  );
+
   return (
     <div className="jp-LauncherBody">
       <div className="jp-NewLauncher-TopBar">
@@ -130,17 +134,20 @@ function LauncherBody(props: {
           icon={starIcon}
           open={true} // TODO: store this in layout/state higher up
         >
-          <KernelTable
-            items={[...props.notebookItems, ...props.consoleItems].filter(
-              item => item.starred
-            )}
-            commands={props.commands}
-            showSearchBox={false}
-            query={query}
-            settings={props.settings}
-            trans={trans}
-            onClick={item => item.execute()}
-          />
+          {starred.length > 0 ? (
+            <KernelTable
+              items={starred}
+              commands={props.commands}
+              showSearchBox={false}
+              showWidgetType={true}
+              query={query}
+              settings={props.settings}
+              trans={trans}
+              onClick={item => item.execute()}
+            />
+          ) : (
+            'No starred items'
+          )}
         </CollapsibleSection>
       ) : null}
       <CollapsibleSection