Make compatible with tick dateClimbed as Date (#842)

OpenBeta · Jun 8, 2023 · d510cf4 · d510cf4 · vercel · Jun 8, 2023
1 parent 87245e8
commit d510cf4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/users/TickCard.tsx b/src/components/users/TickCard.tsx
@@ -8,7 +8,7 @@ interface Props{
   ticks: TickType[]
   setTicks: Function
   tickId: string
-  dateClimbed: string
+  dateClimbed: Date
   notes: string
   style: string
 }
@@ -33,7 +33,7 @@ export default function TickCard ({ tickId, ticks, setTicks, dateClimbed, notes,
   return (
     <div className='flex flex-row justify-between px-3 py-3 mb-3 border-2 rounded-lg border-slate-100' id={tickId}>
       <div className='flex flex-col'>
-        <p className='text-md text-left text-gray-500'>{dateClimbed}</p>
+        <p className='text-md text-left text-gray-500'>{dateClimbed.toLocaleDateString()}</p>
         <p className='text-sm text-gray-500 mb-0'>{notes}</p>
       </div>
       <div className='flex flex-row'>

diff --git a/src/js/types.ts b/src/js/types.ts
@@ -332,7 +332,7 @@ export interface TickType {
   climbId: string
   style: string
   attemptType: string
-  dateClimbed: string
+  dateClimbed: Date
   grade: string
   source: string
 }

diff --git a/src/pages/u2/[...slug].tsx b/src/pages/u2/[...slug].tsx
@@ -40,7 +40,7 @@ const Tick = (tick: TickType): JSX.Element => {
           <a className='hover:underline'>{name}</a>
         </Link>
       </div>
-      <div className='text-base-300'>{dateClimbed}</div>
+      <div className='text-base-300'>{dateClimbed.toLocaleDateString()}</div>
     </div>
   )
 }