Fix visited-tab.tsx

mauriciabad · Mar 22, 2024 · bf6b453 · bf6b453
1 parent 875ff95
commit bf6b453
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/src/app/[locale]/(app)/profile/_components/tabs/visited-tab.tsx b/src/app/[locale]/(app)/profile/_components/tabs/visited-tab.tsx
@@ -1,5 +1,5 @@
 import { useLocale, useTranslations } from 'next-intl'
-import { FC } from 'react'
+import { FC, useMemo } from 'react'
 import { onlyTranslatableLocales } from '~/i18n'
 import { trpc } from '~/trpc'
 import { PlaceList } from '../../../explore/search/_components/place-list'
@@ -11,18 +11,27 @@ export const VisitedTab: FC = () => {
     locale: onlyTranslatableLocales(locale),
   })
 
+  const placesWithTypes = useMemo(
+    () =>
+      places?.map((place) => ({
+        type: 'place' as const,
+        ...place,
+      })),
+    [places]
+  )
+
   return (
     <>
       <h2 className="text-center font-title font-medium">
         {t('visited-places')}
       </h2>
 
-      {!places ? (
+      {!placesWithTypes ? (
         <p className="mt-2 text-center text-gray-400">{t('loading')}</p>
-      ) : places.length === 0 ? (
+      ) : placesWithTypes.length === 0 ? (
         <p className="mt-2 text-center text-gray-400">{t('no-places')}</p>
       ) : (
-        <PlaceList items={places} />
+        <PlaceList items={placesWithTypes} />
       )}
     </>
   )