Show the number of packages to install under each source

ayltai · Sep 22, 2022 · c89d6ea · c89d6ea
1 parent 6b37155
commit c89d6ea
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/ItemList.tsx b/frontend/src/components/ItemList.tsx
@@ -37,7 +37,7 @@ export const ItemList = ({
                 {SECTIONS.filter(section => sections[SECTIONS.indexOf(section)].length > 0).map(section => (
                     <li key={section}>
                         <ul>
-                            <ListSubheader>{section}</ListSubheader>
+                            <ListSubheader>{`${section} (${sections[SECTIONS.indexOf(section)].length})`}</ListSubheader>
                             {sections[SECTIONS.indexOf(section)].map(item => (
                                 <ListItem key={item.id}>
                                     <ListItemText primary={item.name} />

diff --git a/frontend/src/components/__snapshots__/ItemList.test.tsx.snap b/frontend/src/components/__snapshots__/ItemList.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<ItemList /> renders correctly 1`] = `
           <li
             class="MuiListSubheader-root MuiListSubheader-gutters MuiListSubheader-sticky css-uob957-MuiListSubheader-root"
           >
-            Tweak
+            Tweak (1)
           </li>
           <li
             class="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-1vnt5zy-MuiListItem-root"
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ exports[`<ItemList /> renders correctly 1`] = ` @@
               <li
                 class="MuiListSubheader-root MuiListSubheader-gutters MuiListSubheader-sticky css-uob957-MuiListSubheader-root"
               >
-                Tweak
+                Tweak (1)
               </li>
               <li
                 class="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-1vnt5zy-MuiListItem-root"
@@ Expand Down @@