make AllCollectionContent component generic

src/components/Collections/AllCollections/content.tsx

@@ -2,18 +2,23 @@ import React from 'react';
 import { DialogContent } from '@mui/material';
 import { FlexWrapper } from 'components/Container';
 import AllCollectionCard from './CollectionCard';
+import { CollectionSummary } from 'types/collection';
 
+interface Iprops {
+    collectionSummaries: CollectionSummary[];
+    onCollectionClick: (id?: number) => void;
+}
 export default function AllCollectionContent({
-    sortedCollectionSummaries,
+    collectionSummaries,
     onCollectionClick,
-}) {
+}: Iprops) {
     return (
         <DialogContent>
             <FlexWrapper
                 style={{
                     flexWrap: 'wrap',
                 }}>
-                {sortedCollectionSummaries.map(
+                {collectionSummaries.map(
                     ({ latestFile, collectionAttributes, fileCount }) => (
                         <AllCollectionCard
                             onCollectionClick={onCollectionClick}

src/components/Collections/AllCollections/index.tsx

@@ -59,7 +59,7 @@ export default function AllCollections(props: Iprops) {
             />
             <Divider />
             <AllCollectionContent
-                sortedCollectionSummaries={sortedCollectionSummaries}
+                collectionSummaries={sortedCollectionSummaries}
                 onCollectionClick={onCollectionClick}
             />
         </FloatingDrawer>