fix: build error TS2322

kylejb · Jan 24, 2022 · f80647f · f80647f
1 parent 540f2dc
commit f80647f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/web/src/components/sightingcard/SightingCard.tsx b/web/src/components/sightingcard/SightingCard.tsx
@@ -1,11 +1,20 @@
 import Compass from 'components/compass';
 
-interface SightingCardProps {
+type SightingCardProps = {
+    key?: number;
     header?: boolean;
     isSelected?: boolean;
     selectSightingCard?: (sightingCardIndex?: number) => void;
-    sightingData: any;
-}
+    sightingData?: any;
+} & typeof defaultProps;
+
+const defaultProps = {
+    sightingData: {
+        date: 'DATE',
+        time: 'TIME',
+        duration: 'DURATION',
+    },
+};
 const baseStyle =
     'grid grid-cols-8 grid-flow-row auto-rows-max gap-4 py-4 mx-4 text-gray-300 text-base hover:text-stone-50';
 // TODO: Refactor SightingCard JSX with reusable components
@@ -78,12 +87,6 @@ const SightingCard = ({
     </div>
 );
 
-SightingCard.defaultProps = {
-    sightingData: {
-        date: 'DATE',
-        time: 'TIME',
-        duration: 'DURATION',
-    },
-};
+SightingCard.defaultProps = defaultProps;
 
 export default SightingCard;
diff --git a/web/src/components/sightingcard/SightingCardList.tsx b/web/src/components/sightingcard/SightingCardList.tsx
@@ -53,7 +53,7 @@ const SightingCardList = ({ tableData }) => {
                     Sighting Opportunities
                 </h2>
                 <div className='text-gray-300 text-sm divide-zinc-700 divide-y last:divide-0'>
-                    <SightingCard header />
+                    <SightingCard header={true} />
                     {renderSightingCards()}
                 </div>
             </div>