feat: improve thumbnail

premieroctet · Oct 19, 2023 · feae3d0 · feae3d0 · vercel · Oct 19, 2023
1 parent 7e77b0d
commit feae3d0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/app/(routes)/discover/page.tsx b/src/app/(routes)/discover/page.tsx
@@ -1,5 +1,6 @@
 import Pagination from '@/components/list/Pagination';
 import PublicDigestListItem from '@/components/teams/PublicDigestListItem';
+import TeamAvatar from '@/components/teams/TeamAvatar';
 import { getDiscoverDigests, getRecentTeams } from '@/lib/queries';
 import Link from 'next/link';
 
@@ -50,11 +51,12 @@ const DiscoverPage = async ({ searchParams }: TeamPageProps) => {
               {recentTeams.map((team) => (
                 <Link key={team.slug} href={`/${team.slug}`}>
                   <div className="flex items-center gap-2">
+                    <TeamAvatar team={team} />
                     <div className="flex flex-col">
                       <span className="font-semibold">{team?.name}</span>
                       <a
                         href={`/${team.slug}`}
-                        className="hover:text-violet-600 underline text-sm"
+                        className="hover:text-violet-600 text-xs text-slate-500"
                         title={` Browse all digests of ${team.name}`}
                         rel="noreferrer"
                       >

diff --git a/src/components/teams/PublicDigestListItem.tsx b/src/components/teams/PublicDigestListItem.tsx
@@ -23,7 +23,7 @@ const PublicDigestListItem = ({ digest, showTeam, team }: Props) => {
       className="overflow-hidden flex cursor-pointer"
       rel="noopener noreferrer"
     >
-      <article className="flex flex-col items-start w-full bg-white py-4 px-6 border border-gray-200 rounded-md">
+      <article className="flex flex-col items-start w-full bg-white py-6 px-6 border border-gray-200 rounded-md">
         {showTeam && (
           <div className="flex items-center gap-x-1 text-xs">
             <Link href={`/${team.slug}`}>
@@ -48,11 +48,11 @@ const PublicDigestListItem = ({ digest, showTeam, team }: Props) => {
         <div className="mt-4">
           {digestBlocks && <BookmarkCountBadge count={digestBlocks.length} />}
         </div>
-        <div className="flex mt-2 gap-1 overflow-hidden items-center">
-          {digest.digestBlocks.map((bookmark) => (
+        <div className="flex mt-2 overflow-hidden items-center gap-2">
+          {digest.digestBlocks.slice(0, 5).map((bookmark) => (
             <div
               key={bookmark.id}
-              className="h-6 w-8 relative border border-gray-200 rounded-sm overflow-hidden"
+              className="h-24 w-36 relative border border-gray-200 rounded-sm overflow-hidden"
             >
               <BookmarkImage link={bookmark.bookmark!.link} />
             </div>

diff --git a/src/components/teams/form/settings/TeamColorField.tsx b/src/components/teams/form/settings/TeamColorField.tsx
@@ -45,6 +45,7 @@ const TeamColorField = ({
               />
             </div>
           </DialogTrigger>
+          mes-rencontres
           <DialogContent
             containerClassName="w-full sm:max-w-md "
             title="Pick team color"