From 0178addbe74bd15983b8f5480bf3f4bb09b8705a Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Sun, 7 Apr 2024 21:28:34 +0200
Subject: [PATCH 1/9] collection card slight design updates

---
 .../client/src/components/collection/CollectionListItem.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/collection/CollectionListItem.tsx b/packages/client/src/components/collection/CollectionListItem.tsx
index 100aa34..096d22d 100644
--- a/packages/client/src/components/collection/CollectionListItem.tsx
+++ b/packages/client/src/components/collection/CollectionListItem.tsx
@@ -17,7 +17,7 @@ export function CollectionListItem({ collection }: Props) {
   return (
     <Link href={'/collections/' + collection.id} className='relative h-64 w-96 overflow-hidden rounded-xl'>
       <div className='absolute -z-10 h-full w-full'>
-        <div className='absolute flex h-6 w-full flex-row items-center rounded-t-xl bg-red-400'></div>
+        <div className='absolute flex h-6 w-full flex-row items-center rounded-t-xl bg-blue-400'></div>
         <Image
           src={hasImageError ? fallbackImage : collection.bannerUrl}
           alt={collection.name}
@@ -28,7 +28,7 @@ export function CollectionListItem({ collection }: Props) {
       </div>
       <div className='relative flex flex-col justify-between bg-gradient-to-b px-5 pb-10 pt-6 text-white'>
         <h2 className='pb-2'> {collection.name}</h2>
-        <p>Linkek: {collection.links}</p>
+        <p>{collection.links} link</p>
       </div>
     </Link>
   )

From feda3cf7918a2993baf885f65bf09e796ea78aa9 Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Sun, 7 Apr 2024 21:50:45 +0200
Subject: [PATCH 2/9] collection page looks alike link page

---
 packages/client/src/app/links/page.tsx        | 19 +++++----
 .../collection/CollectionsContainer.tsx       | 39 +++++++++----------
 .../client/src/components/ui/SearchField.tsx  |  4 +-
 3 files changed, 32 insertions(+), 30 deletions(-)

diff --git a/packages/client/src/app/links/page.tsx b/packages/client/src/app/links/page.tsx
index ec21b33..3265288 100644
--- a/packages/client/src/app/links/page.tsx
+++ b/packages/client/src/app/links/page.tsx
@@ -16,20 +16,23 @@ export default function Links() {
   return (
     <main>
       <div className='flex flex-col items-end'>
-        <SearchField searchPhrase={searchTerm} onSubmit={setSearchTerm} />
+        <div className='flex items-center'>
+          {profile.data && (
+            <Button asChild className='text-lg'>
+              <Link href='/links/new'>
+                <TbLink />
+                <span className='ml-4 md:hidden'>Új link javaslat</span>
+              </Link>
+            </Button>
+          )}
+          <SearchField searchPhrase={searchTerm} onSubmit={setSearchTerm} />
+        </div>
         <div className='flex w-full flex-wrap items-start justify-center gap-x-5 p-5'>
           {links.map(link => (
             <LinkWidget link={link} key={link.id} />
           ))}
         </div>
       </div>
-      {profile.data && (
-        <Button asChild>
-          <Link href='/links/new'>
-            <TbLink /> Új link
-          </Link>
-        </Button>
-      )}
     </main>
   )
 }
diff --git a/packages/client/src/components/collection/CollectionsContainer.tsx b/packages/client/src/components/collection/CollectionsContainer.tsx
index 99e32da..3e40e59 100644
--- a/packages/client/src/components/collection/CollectionsContainer.tsx
+++ b/packages/client/src/components/collection/CollectionsContainer.tsx
@@ -1,5 +1,4 @@
 'use client'
-import { clsx } from 'clsx'
 import Link from 'next/link'
 import { useState } from 'react'
 import { TbPlus } from 'react-icons/tb'
@@ -27,25 +26,25 @@ export default function CollectionsContainer({ collections }: Props) {
   }
 
   return (
-    <>
-      <div className='flex flex-col items-center justify-between p-8 md:flex-row'>
-        <h1 className='m-0'>Kollekciók</h1>
-        <SearchField onSubmit={Filter} searchPhrase={''}></SearchField>
+    <main>
+      <div className='flex flex-col items-end'>
+        <div className='flex items-center'>
+          {profile.data && (
+            <Button asChild className='text-lg'>
+              <Link href='/links/new'>
+                <TbPlus />
+                <span className='ml-4 max-md:hidden'>Új kollekció javaslat</span>
+              </Link>
+            </Button>
+          )}
+          <SearchField searchPhrase={''} onSubmit={Filter} />
+        </div>
+        <div className='flex w-full flex-wrap items-start justify-center gap-4 p-4'>
+          {filteredCollections.map(collection => (
+            <CollectionListItem collection={collection} key={collection.id} />
+          ))}
+        </div>
       </div>
-
-      <div className={clsx('flex flex-wrap justify-center gap-4 p-4')}>
-        {filteredCollections.map(curCollection => (
-          <CollectionListItem collection={curCollection} key={curCollection.id} />
-        ))}
-      </div>
-      {profile.data && (
-        <Button asChild>
-          <Link href='/collections/new'>
-            <TbPlus />
-            Új kollekció
-          </Link>
-        </Button>
-      )}
-    </>
+    </main>
   )
 }
diff --git a/packages/client/src/components/ui/SearchField.tsx b/packages/client/src/components/ui/SearchField.tsx
index e749d26..a3541ad 100644
--- a/packages/client/src/components/ui/SearchField.tsx
+++ b/packages/client/src/components/ui/SearchField.tsx
@@ -5,9 +5,9 @@ type searchProps = {
 
 export default function SearchField({ onSubmit, searchPhrase }: searchProps) {
   return (
-    <div className='m-2 mr-8 w-fit'>
+    <div className='mr-8 inline-block w-fit'>
       <input
-        className='m-3 h-10 w-80 rounded-2xl border-2 border-black bg-none p-5 text-lg focus:outline-none'
+        className='m-3 h-10 w-80 rounded border-2 border-black bg-none px-4 text-lg focus:outline-none'
         type='search'
         name='search'
         placeholder='Keresés'

From bd31a6bf9aa48731d962f79d94349e713a6c5e05 Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Sun, 7 Apr 2024 21:52:12 +0200
Subject: [PATCH 3/9] SearchField width fit

---
 packages/client/src/components/ui/SearchField.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/ui/SearchField.tsx b/packages/client/src/components/ui/SearchField.tsx
index a3541ad..55ef906 100644
--- a/packages/client/src/components/ui/SearchField.tsx
+++ b/packages/client/src/components/ui/SearchField.tsx
@@ -7,7 +7,7 @@ export default function SearchField({ onSubmit, searchPhrase }: searchProps) {
   return (
     <div className='mr-8 inline-block w-fit'>
       <input
-        className='m-3 h-10 w-80 rounded border-2 border-black bg-none px-4 text-lg focus:outline-none'
+        className='m-3 h-10 w-fit rounded border-2 border-black bg-none px-4 text-lg focus:outline-none'
         type='search'
         name='search'
         placeholder='Keresés'

From f6802e932e7c0237238608b1380d03f57f7ec554 Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Mon, 8 Apr 2024 14:45:41 +0200
Subject: [PATCH 4/9] keywords sep component, in links as well

---
 packages/client/src/app/links/page.tsx             |  2 +-
 packages/client/src/app/page.tsx                   |  1 -
 .../client/src/components/keywords/Keywords.tsx    | 14 ++++++++++++++
 .../client/src/components/links/LinkWidget.tsx     |  2 ++
 packages/client/src/components/navbar/navbar.tsx   |  4 ++--
 .../components/submission/AdminSubmissionCard.tsx  | 10 ++--------
 .../src/components/submission/SubmissionCard.tsx   | 10 ++--------
 7 files changed, 23 insertions(+), 20 deletions(-)
 create mode 100644 packages/client/src/components/keywords/Keywords.tsx

diff --git a/packages/client/src/app/links/page.tsx b/packages/client/src/app/links/page.tsx
index 3265288..14e533e 100644
--- a/packages/client/src/app/links/page.tsx
+++ b/packages/client/src/app/links/page.tsx
@@ -21,7 +21,7 @@ export default function Links() {
             <Button asChild className='text-lg'>
               <Link href='/links/new'>
                 <TbLink />
-                <span className='ml-4 md:hidden'>Új link javaslat</span>
+                <span className='ml-4 max-md:hidden'>Új link javaslat</span>
               </Link>
             </Button>
           )}
diff --git a/packages/client/src/app/page.tsx b/packages/client/src/app/page.tsx
index 2074daa..c6feaed 100644
--- a/packages/client/src/app/page.tsx
+++ b/packages/client/src/app/page.tsx
@@ -11,7 +11,6 @@ export default async function Home() {
 
   return (
     <main className='overflow-y-hidden'>
-      <h1>StartlapSCH</h1>
       <FavLinksContainer title='Felkapottak' links={links}></FavLinksContainer>
       {favLinks.success && <FavLinksContainer title='Kedvencek' links={favLinks.link}></FavLinksContainer>}
       {/* <Carousel items={DummyCollections} name="Kollekciók" /> */}
diff --git a/packages/client/src/components/keywords/Keywords.tsx b/packages/client/src/components/keywords/Keywords.tsx
new file mode 100644
index 0000000..b1f8749
--- /dev/null
+++ b/packages/client/src/components/keywords/Keywords.tsx
@@ -0,0 +1,14 @@
+export default function Keywords({ keywords }: { keywords: string[] }) {
+  return (
+    <>
+      {keywords.map((keyword: string, _index) => (
+        <div
+          key={_index}
+          className={'m-1 inline-block w-fit rounded bg-gray-100 px-2 py-1 ease-in-out hover:bg-gray-300 hover:transition hover:duration-100'}
+        >
+          {keyword}
+        </div>
+      ))}
+    </>
+  )
+}
diff --git a/packages/client/src/components/links/LinkWidget.tsx b/packages/client/src/components/links/LinkWidget.tsx
index b467c73..7f68036 100644
--- a/packages/client/src/components/links/LinkWidget.tsx
+++ b/packages/client/src/components/links/LinkWidget.tsx
@@ -7,6 +7,7 @@ import React from 'react'
 import { BsFire } from 'react-icons/bs'
 import { FaRegStar, FaStar } from 'react-icons/fa'
 
+import Keywords from '@/components/keywords/Keywords'
 import { useProfile } from '@/hooks/queries/use-profile'
 import { cn } from '@/lib/utils'
 import { LinkEntity } from '@/types/link.type'
@@ -87,6 +88,7 @@ export default function LinkWidget(props: Props) {
         <div className='ml-2'>
           <p className='mt-2 overflow-hidden overflow-ellipsis whitespace-nowrap text-base'>{link.description}</p>
         </div>
+        <Keywords keywords={link.keywords} />
       </div>
     </div>
   )
diff --git a/packages/client/src/components/navbar/navbar.tsx b/packages/client/src/components/navbar/navbar.tsx
index a52ca3d..72fa874 100644
--- a/packages/client/src/components/navbar/navbar.tsx
+++ b/packages/client/src/components/navbar/navbar.tsx
@@ -31,10 +31,10 @@ export default function Navbar() {
           <nav className='mr-auto items-center max-md:hidden'>
             <ul className='flex space-x-4 px-10'>
               <li>
-                <Link href='/links'>Links</Link>
+                <Link href='/links'>Linkek</Link>
               </li>
               <li>
-                <Link href='/collections'>Collections</Link>
+                <Link href='/collections'>Gyűjtemények</Link>
               </li>
             </ul>
           </nav>
diff --git a/packages/client/src/components/submission/AdminSubmissionCard.tsx b/packages/client/src/components/submission/AdminSubmissionCard.tsx
index 93e0bb3..8385c4a 100644
--- a/packages/client/src/components/submission/AdminSubmissionCard.tsx
+++ b/packages/client/src/components/submission/AdminSubmissionCard.tsx
@@ -1,6 +1,7 @@
 'use client'
 import Link from 'next/link'
 
+import Keywords from '@/components/keywords/Keywords'
 import { Button } from '@/components/ui/button'
 import Popup from '@/components/ui/Popup'
 import { useSubmissionChangeStatus } from '@/hooks/mutations/use-submission-change-status'
@@ -59,14 +60,7 @@ export default function AdminSubmissionCard({ submission }: { submission: Submis
           <h6>leírás</h6>
           <p className='text-base'>{submission.description}</p>
           <h6>kulcsszavak</h6>
-          {submission.keywords.map((keyword: string, _index) => (
-            <div
-              key={_index}
-              className={'m-1 inline-block w-fit rounded bg-gray-100 px-2 py-1 ease-in-out hover:bg-gray-300 hover:transition hover:duration-100'}
-            >
-              {keyword}
-            </div>
-          ))}
+          <Keywords keywords={submission.keywords} />
           {submission.oldLinkId && (
             <>
               <h6>elavult link Id:</h6>
diff --git a/packages/client/src/components/submission/SubmissionCard.tsx b/packages/client/src/components/submission/SubmissionCard.tsx
index a24a1f0..a41d37a 100644
--- a/packages/client/src/components/submission/SubmissionCard.tsx
+++ b/packages/client/src/components/submission/SubmissionCard.tsx
@@ -1,6 +1,7 @@
 'use client'
 import Link from 'next/link'
 
+import Keywords from '@/components/keywords/Keywords'
 import { cn } from '@/lib/utils'
 import { Submission } from '@/types/submission.type'
 
@@ -50,14 +51,7 @@ export default function SubmissionCard({ submission }: { submission: Submission
           <h6>leírás</h6>
           <p className='text-base'>{submission.description}</p>
           <h6>kulcsszavak</h6>
-          {submission.keywords.map((keyword: string, _index) => (
-            <div
-              key={_index}
-              className={'m-1 inline-block w-fit rounded bg-gray-100 px-2 py-1 ease-in-out hover:bg-gray-300 hover:transition hover:duration-100'}
-            >
-              {keyword}
-            </div>
-          ))}
+          <Keywords keywords={submission.keywords} />
           {submission.oldLinkId && (
             <>
               <h6>elavult link Id:</h6>

From 9a163a6ef7e7566e6cd59440555c494be87d88ec Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Mon, 8 Apr 2024 16:07:17 +0200
Subject: [PATCH 5/9] merge and LF everything again

---
 .../client/src/components/collection/CollectionsContainer.tsx | 4 ++--
 packages/client/src/components/submission/SubmissionCard.tsx  | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/collection/CollectionsContainer.tsx b/packages/client/src/components/collection/CollectionsContainer.tsx
index 3e40e59..efbff1e 100644
--- a/packages/client/src/components/collection/CollectionsContainer.tsx
+++ b/packages/client/src/components/collection/CollectionsContainer.tsx
@@ -31,9 +31,9 @@ export default function CollectionsContainer({ collections }: Props) {
         <div className='flex items-center'>
           {profile.data && (
             <Button asChild className='text-lg'>
-              <Link href='/links/new'>
+              <Link href='/collections/new'>
                 <TbPlus />
-                <span className='ml-4 max-md:hidden'>Új kollekció javaslat</span>
+                <span className='ml-4 max-md:hidden'>Új kollekció</span>
               </Link>
             </Button>
           )}
diff --git a/packages/client/src/components/submission/SubmissionCard.tsx b/packages/client/src/components/submission/SubmissionCard.tsx
index 477d8f1..9726362 100644
--- a/packages/client/src/components/submission/SubmissionCard.tsx
+++ b/packages/client/src/components/submission/SubmissionCard.tsx
@@ -45,6 +45,7 @@ export default function SubmissionCard({ submission }: { submission: Submission
             </Link>
           </div>
         </div>
+
         <div className='ml-2 mt-2'>
           <h6>slug</h6>
           <h4 className=' text-base'>{submission.slug}</h4>

From 27ec10fb1014123e4366324aed5b2c4ed7d86cca Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Mon, 8 Apr 2024 16:55:34 +0200
Subject: [PATCH 6/9] minor changes in submission card styles,
 SmallKeywords.tsx init

---
 packages/client/src/app/admin/page.tsx        | 27 ++++++++++++++-----
 .../src/components/keywords/SmallKeywords.tsx | 14 ++++++++++
 .../src/components/links/LinkWidget.tsx       | 13 +++++----
 .../submission/AdminSubmissionCard.tsx        | 12 ++++-----
 .../components/submission/SubmissionCard.tsx  |  8 +++---
 .../client/src/network/getAllSubmissions.ts   | 13 ++++++---
 6 files changed, 61 insertions(+), 26 deletions(-)
 create mode 100644 packages/client/src/components/keywords/SmallKeywords.tsx

diff --git a/packages/client/src/app/admin/page.tsx b/packages/client/src/app/admin/page.tsx
index 9609df6..4788498 100644
--- a/packages/client/src/app/admin/page.tsx
+++ b/packages/client/src/app/admin/page.tsx
@@ -1,4 +1,4 @@
-import SubmissionCard from '@/components/submission/AdminSubmissionCard'
+import AdminSubmissionCard from '@/components/submission/AdminSubmissionCard'
 import { getAllSubmissions } from '@/network/getAllSubmissions'
 
 export default async function Page() {
@@ -13,11 +13,26 @@ export default async function Page() {
       <h1>
         <span className='italic'>zs</span>admin
       </h1>
-      <div className='flex flex-wrap justify-center gap-4 px-4'>
-        {submissions.map(submission => (
-          <SubmissionCard key={submission.id} submission={submission} />
-        ))}
-      </div>
+      {submissions.pendingSubmissions.length > 0 && (
+        <>
+          <h2 className='ml-8'>Bírálatlan</h2>
+          <div className='flex flex-wrap justify-center gap-4 px-4'>
+            {submissions.pendingSubmissions.map(submission => (
+              <AdminSubmissionCard key={submission.id} submission={submission} />
+            ))}
+          </div>
+        </>
+      )}
+      {submissions.reviewedSubmissions.length > 0 && (
+        <>
+          <h2 className='ml-8'>Elbírált</h2>
+          <div className='flex flex-wrap justify-center gap-4 px-4'>
+            {submissions.reviewedSubmissions.map(submission => (
+              <AdminSubmissionCard key={submission.id} submission={submission} />
+            ))}
+          </div>
+        </>
+      )}
     </>
   )
 }
diff --git a/packages/client/src/components/keywords/SmallKeywords.tsx b/packages/client/src/components/keywords/SmallKeywords.tsx
new file mode 100644
index 0000000..e799f61
--- /dev/null
+++ b/packages/client/src/components/keywords/SmallKeywords.tsx
@@ -0,0 +1,14 @@
+export default function SmallKeywords({ keywords }: { keywords: string[] }) {
+  return (
+    <>
+      {keywords.map((keyword: string, _index) => (
+        <div
+          key={_index}
+          className={'m-1 inline-block w-fit rounded bg-gray-100 px-2 py-1 text-xs ease-in-out hover:bg-gray-300 hover:transition hover:duration-100'}
+        >
+          {keyword}
+        </div>
+      ))}
+    </>
+  )
+}
diff --git a/packages/client/src/components/links/LinkWidget.tsx b/packages/client/src/components/links/LinkWidget.tsx
index 7f68036..980bbc0 100644
--- a/packages/client/src/components/links/LinkWidget.tsx
+++ b/packages/client/src/components/links/LinkWidget.tsx
@@ -4,10 +4,9 @@ import '../../app/globals.css'
 import axios from 'axios'
 import { useRouter } from 'next/navigation'
 import React from 'react'
-import { BsFire } from 'react-icons/bs'
-import { FaRegStar, FaStar } from 'react-icons/fa'
+import { BsFire, BsStar, BsStarFill } from 'react-icons/bs'
 
-import Keywords from '@/components/keywords/Keywords'
+import SmallKeywords from '@/components/keywords/SmallKeywords'
 import { useProfile } from '@/hooks/queries/use-profile'
 import { cn } from '@/lib/utils'
 import { LinkEntity } from '@/types/link.type'
@@ -66,13 +65,13 @@ export default function LinkWidget(props: Props) {
           />
           <div className='ml-2 h-2/3 flex-grow overflow-hidden'>
             <div className='flex justify-between'>
-              <h2 className='flex basis-5/6 overflow-hidden overflow-ellipsis text-3xl'>{link.title}</h2>
+              <h2 className='flex basis-5/6 overflow-clip text-3xl'>{link.title}</h2>
               <div className='flex basis-1/6 justify-end rounded p-0.5 align-super text-3xl'>
                 {user.data &&
                   (!link.isFavorite ? (
-                    <FaRegStar className='text-slate-500 hover:text-amber-300' title='Favorite' onClick={e => makeFavorite(e)} />
+                    <BsStar className='text-slate-500 hover:text-amber-300' size={20} title='Favorite' onClick={e => makeFavorite(e)} />
                   ) : (
-                    <FaStar className='text-amber-300 hover:text-amber-200' title='Unfavorite' onClick={e => removeFavorite(e)} />
+                    <BsStarFill className='text-amber-300 hover:text-amber-200' size={20} title='Unfavorite' onClick={e => removeFavorite(e)} />
                   ))}
               </div>
             </div>
@@ -88,7 +87,7 @@ export default function LinkWidget(props: Props) {
         <div className='ml-2'>
           <p className='mt-2 overflow-hidden overflow-ellipsis whitespace-nowrap text-base'>{link.description}</p>
         </div>
-        <Keywords keywords={link.keywords} />
+        <SmallKeywords keywords={link.keywords} />
       </div>
     </div>
   )
diff --git a/packages/client/src/components/submission/AdminSubmissionCard.tsx b/packages/client/src/components/submission/AdminSubmissionCard.tsx
index 9183bf0..3932bc6 100644
--- a/packages/client/src/components/submission/AdminSubmissionCard.tsx
+++ b/packages/client/src/components/submission/AdminSubmissionCard.tsx
@@ -36,12 +36,12 @@ export default function AdminSubmissionCard({ submission }: { submission: Submis
       : submission.iconUrl
 
   return (
-    <div className='flex w-96 flex-col items-center rounded-xl p-2'>
+    <div className='flex w-96 flex-col items-center overflow-clip rounded-xl p-2'>
       <div className={`-z-1 ${getStatusColor(submission.status)} -mb-3 flex h-10 w-full items-center rounded-t-xl p-1`}>
-        <h4 className='-mt-2 w-full text-center'>{submission.id}</h4>
+        <h4 className='-mt-2 w-full text-center'>ADMIN: {submission.id}</h4>
       </div>
-      <div className='relative w-full rounded-xl bg-white p-2 pb-1'>
-        <div className='ml-2 flex'>
+      <div className='relative w-full rounded-xl bg-white p-2 pb-4'>
+        <div className='ml-2 flex w-full'>
           <img
             className={cn('ml-0 mt-2 aspect-square flex-none', submission.iconUrl === null ? 'h-8 w-8' : 'h-1/6 w-1/6')}
             src={iconSrc}
@@ -49,10 +49,10 @@ export default function AdminSubmissionCard({ submission }: { submission: Submis
             width={100}
             height={100}
           />
-          <div className='ml-2 h-2/3 flex-grow'>
+          <div className='ml-2 h-2/3 w-full'>
             <h2 className=' text-3xl'>{submission.title}</h2>
             <Link href={submission.url} target='_blank'>
-              <h4 className='mt-2 text-xs'>{submission.url}</h4>
+              <h4 className='mt-2  text-xs'>{submission.url}</h4>
             </Link>
           </div>
         </div>
diff --git a/packages/client/src/components/submission/SubmissionCard.tsx b/packages/client/src/components/submission/SubmissionCard.tsx
index 9726362..039b8bb 100644
--- a/packages/client/src/components/submission/SubmissionCard.tsx
+++ b/packages/client/src/components/submission/SubmissionCard.tsx
@@ -29,8 +29,8 @@ export default function SubmissionCard({ submission }: { submission: Submission
       <div className={`-z-1 ${getStatusColor(submission.status)} -mb-3 flex h-10 w-full items-center rounded-t-xl p-1`}>
         <h4 className='-mt-2 w-full text-center'>{submission.id}</h4>
       </div>
-      <div className='relative w-full rounded-xl bg-white p-2 pb-4'>
-        <div className='ml-2 flex'>
+      <div className='relative w-full overflow-clip rounded-xl bg-white p-2 pb-4'>
+        <div className='ml-2 flex w-full'>
           <img
             className={cn('ml-0 mt-2 aspect-square flex-none', submission.iconUrl === null ? 'h-8 w-8' : 'h-1/6 w-1/6')}
             src={iconSrc}
@@ -38,10 +38,10 @@ export default function SubmissionCard({ submission }: { submission: Submission
             width={100}
             height={100}
           />
-          <div className='ml-2 h-2/3 flex-grow'>
+          <div className='ml-2 h-2/3 w-full'>
             <h2 className=' text-3xl'>{submission.title}</h2>
             <Link href={submission.url} target='_blank'>
-              <h4 className='mt-2 text-xs'>{submission.url}</h4>
+              <h4 className='mt-2 overflow-clip  text-xs'>{submission.url}</h4>
             </Link>
           </div>
         </div>
diff --git a/packages/client/src/network/getAllSubmissions.ts b/packages/client/src/network/getAllSubmissions.ts
index 0eda673..ad805f1 100644
--- a/packages/client/src/network/getAllSubmissions.ts
+++ b/packages/client/src/network/getAllSubmissions.ts
@@ -2,12 +2,19 @@ import { Submission } from '@/types/submission.type'
 
 import api from './apiSetup'
 
-export async function getAllSubmissions(): Promise<Submission[]> {
+export async function getAllSubmissions(): Promise<{ pendingSubmissions: Submission[]; reviewedSubmissions: Submission[] }> {
   try {
     const response = await api.get('/submissions')
-    return response.data
+    const pendingSubmissions: Submission[] = []
+    const reviewedSubmissions: Submission[] = []
+    const data = response.data
+    for (const submission of data) {
+      if (submission.status === 'IN_REVIEW') pendingSubmissions.push(submission)
+      else reviewedSubmissions.push(submission)
+    }
+    return { pendingSubmissions, reviewedSubmissions }
   } catch (e) {
     console.error(e)
-    return []
+    return { pendingSubmissions: [], reviewedSubmissions: [] }
   }
 }

From 96d8a749ad013babdf3ddf718902496ed5e0203e Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Wed, 17 Apr 2024 11:52:31 +0200
Subject: [PATCH 7/9] sketchy optimistic updates on linkWidget favourite

---
 .../client/src/components/links/LinkWidget.tsx    | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/links/LinkWidget.tsx b/packages/client/src/components/links/LinkWidget.tsx
index 980bbc0..53ce521 100644
--- a/packages/client/src/components/links/LinkWidget.tsx
+++ b/packages/client/src/components/links/LinkWidget.tsx
@@ -3,7 +3,7 @@ import '../../app/globals.css'
 
 import axios from 'axios'
 import { useRouter } from 'next/navigation'
-import React from 'react'
+import React, { useEffect } from 'react'
 import { BsFire, BsStar, BsStarFill } from 'react-icons/bs'
 
 import SmallKeywords from '@/components/keywords/SmallKeywords'
@@ -20,14 +20,17 @@ export default function LinkWidget(props: Props) {
   const link = props.link
   const router = useRouter()
   const user = useProfile()
+  const [isOptimisticallyFavourite, setIsOptimisticallyFavourite] = React.useState(false)
 
   const makeFavorite = async (e: React.MouseEvent<SVGElement>) => {
     e.stopPropagation()
+    setIsOptimisticallyFavourite(true)
     await axios.post('/api/favorites/', { id: link.id })
     router.refresh()
   }
   const removeFavorite = async (e: React.MouseEvent<SVGElement>) => {
     e.stopPropagation()
+    setIsOptimisticallyFavourite(false)
     await axios.delete('/api/favorites/' + link.id)
     router.refresh()
   }
@@ -37,6 +40,10 @@ export default function LinkWidget(props: Props) {
     window.open(process.env.NEXT_PUBLIC_API_URL + '/links/visit/' + link.slug)
   }
 
+  useEffect(() => {
+    setIsOptimisticallyFavourite(link.isFavorite)
+  }, [link])
+
   return (
     <div
       //Fake link for preview
@@ -68,10 +75,10 @@ export default function LinkWidget(props: Props) {
               <h2 className='flex basis-5/6 overflow-clip text-3xl'>{link.title}</h2>
               <div className='flex basis-1/6 justify-end rounded p-0.5 align-super text-3xl'>
                 {user.data &&
-                  (!link.isFavorite ? (
-                    <BsStar className='text-slate-500 hover:text-amber-300' size={20} title='Favorite' onClick={e => makeFavorite(e)} />
+                  (!(link.isFavorite || isOptimisticallyFavourite) ? (
+                    <BsStar className='text-slate-500 hover:text-amber-300' size={20} title='Kedvelem' onClick={e => makeFavorite(e)} />
                   ) : (
-                    <BsStarFill className='text-amber-300 hover:text-amber-200' size={20} title='Unfavorite' onClick={e => removeFavorite(e)} />
+                    <BsStarFill className='text-amber-300 hover:text-amber-200' size={20} title='Nem kedvelem' onClick={e => removeFavorite(e)} />
                   ))}
               </div>
             </div>

From c58c6884a560fe02105583b48115a0a3625a7270 Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Wed, 17 Apr 2024 12:16:15 +0200
Subject: [PATCH 8/9] LinkWidget variable width

---
 .../src/components/links/LinkWidget.tsx       | 27 +++++++++----------
 .../components/links/favLinksContainer.tsx    |  2 +-
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/client/src/components/links/LinkWidget.tsx b/packages/client/src/components/links/LinkWidget.tsx
index 53ce521..0f479e6 100644
--- a/packages/client/src/components/links/LinkWidget.tsx
+++ b/packages/client/src/components/links/LinkWidget.tsx
@@ -48,16 +48,15 @@ export default function LinkWidget(props: Props) {
     <div
       //Fake link for preview
       title={link.url}
-      className='flex-no-wrap bg-blue flex w-80 cursor-pointer flex-col items-center overflow-hidden rounded-xl p-2'
+      className='flex-no-wrap bg-blue flex w-max cursor-pointer flex-col items-center rounded-xl p-2'
       onClick={e => visitLink(e)}
     >
       <div className='-z-1 -mb-3 flex h-6 w-full flex-row items-center rounded-t-xl bg-red-400'></div>
 
-      <div className='h-35 relative w-full overflow-hidden rounded-xl bg-white p-2'>
-        <div className=' flex flex-grow flex-row'>
-          {/* eslint-disable-next-line @next/next/no-img-element */}
+      <div className='h-35 relative w-fit rounded-xl bg-white p-2'>
+        <div className='flex w-max flex-row'>
           <img
-            className={cn('ml-0 aspect-square flex-none', link.iconUrl === null ? 'h-8 w-8' : 'h-1/6 w-1/6')}
+            className={cn('ml-0 aspect-square flex-none', link.iconUrl === null ? 'h-8 w-8' : 'h-8 w-8')}
             src={
               link.iconUrl === null
                 ? `https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${link.url.replace(
@@ -70,10 +69,16 @@ export default function LinkWidget(props: Props) {
             width={100}
             height={100}
           />
-          <div className='ml-2 h-2/3 flex-grow overflow-hidden'>
+          <div className='ml-2 h-2/3'>
             <div className='flex justify-between'>
-              <h2 className='flex basis-5/6 overflow-clip text-3xl'>{link.title}</h2>
-              <div className='flex basis-1/6 justify-end rounded p-0.5 align-super text-3xl'>
+              <h2 className='text-nowrap flex text-3xl'>{link.title}</h2>
+              <div className='ml-2 flex items-center'>
+                {/*{!!props.visits && props.visits > 10 && (*/}
+                <div className={'mr-2 flex items-center'} title='Kattintások száma'>
+                  <BsFire color={'red'} size={18} className='inline' />
+                  <h4 className={'text-s'}>{props.visits}32</h4>
+                </div>
+                {/*)}*/}
                 {user.data &&
                   (!(link.isFavorite || isOptimisticallyFavourite) ? (
                     <BsStar className='text-slate-500 hover:text-amber-300' size={20} title='Kedvelem' onClick={e => makeFavorite(e)} />
@@ -83,12 +88,6 @@ export default function LinkWidget(props: Props) {
               </div>
             </div>
             <h4 className='text-xs'>{link.url}</h4>
-            {!!props.visits && props.visits > 10 && (
-              <div className={'absolute bottom-2 right-2 flex items-center'} title='Kattintások száma'>
-                <BsFire color={'red'} size={14} className='inline' />
-                <h4 className={'text-s'}>{props.visits}</h4>
-              </div>
-            )}
           </div>
         </div>
         <div className='ml-2'>
diff --git a/packages/client/src/components/links/favLinksContainer.tsx b/packages/client/src/components/links/favLinksContainer.tsx
index 7316490..5380c9b 100644
--- a/packages/client/src/components/links/favLinksContainer.tsx
+++ b/packages/client/src/components/links/favLinksContainer.tsx
@@ -37,7 +37,7 @@ export default function FavLinksContainer({ title, links }: Props) {
       <h1>{title}</h1>
       <div className='flex pl-4' ref={containerRef} style={{ overflowX: 'hidden' }}>
         {links.map(link => (
-          <div className='w-80' key={link.id}>
+          <div key={link.id}>
             <LinkWidget link={link} visits={link.visits} />
           </div>
         ))}

From 392a7feceead8a2ee31cdb3371165540b791d78e Mon Sep 17 00:00:00 2001
From: mozsarmate <mozsarmatee@gmail.com>
Date: Wed, 17 Apr 2024 12:30:04 +0200
Subject: [PATCH 9/9] user profile link works

---
 packages/client/src/components/links/LinkWidget.tsx    | 10 +++++-----
 packages/client/src/components/navbar/user-display.tsx |  5 ++---
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/links/LinkWidget.tsx b/packages/client/src/components/links/LinkWidget.tsx
index 0f479e6..5a8b432 100644
--- a/packages/client/src/components/links/LinkWidget.tsx
+++ b/packages/client/src/components/links/LinkWidget.tsx
@@ -48,13 +48,13 @@ export default function LinkWidget(props: Props) {
     <div
       //Fake link for preview
       title={link.url}
-      className='flex-no-wrap bg-blue flex w-max cursor-pointer flex-col items-center rounded-xl p-2'
+      className='flex-no-wrap bg-blue min-w-80 flex w-max cursor-pointer flex-col items-center rounded-xl p-2'
       onClick={e => visitLink(e)}
     >
       <div className='-z-1 -mb-3 flex h-6 w-full flex-row items-center rounded-t-xl bg-red-400'></div>
 
       <div className='h-35 relative w-fit rounded-xl bg-white p-2'>
-        <div className='flex w-max flex-row'>
+        <div className='flex w-full flex-row'>
           <img
             className={cn('ml-0 aspect-square flex-none', link.iconUrl === null ? 'h-8 w-8' : 'h-8 w-8')}
             src={
@@ -69,10 +69,10 @@ export default function LinkWidget(props: Props) {
             width={100}
             height={100}
           />
-          <div className='ml-2 h-2/3'>
-            <div className='flex justify-between'>
+          <div className='ml-2 h-2/3 w-full'>
+            <div className='flex w-full justify-between'>
               <h2 className='text-nowrap flex text-3xl'>{link.title}</h2>
-              <div className='ml-2 flex items-center'>
+              <div className='ml-4 flex items-center'>
                 {/*{!!props.visits && props.visits > 10 && (*/}
                 <div className={'mr-2 flex items-center'} title='Kattintások száma'>
                   <BsFire color={'red'} size={18} className='inline' />
diff --git a/packages/client/src/components/navbar/user-display.tsx b/packages/client/src/components/navbar/user-display.tsx
index fa26011..57d4e84 100644
--- a/packages/client/src/components/navbar/user-display.tsx
+++ b/packages/client/src/components/navbar/user-display.tsx
@@ -1,5 +1,6 @@
 import Cookies from 'js-cookie'
 import Link from 'next/link'
+import { redirect } from 'next/navigation'
 
 import { Button } from '@/components/ui/button'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
@@ -29,10 +30,8 @@ export function UserDisplay() {
               <Button variant='outline'>{profile.data.firstName}</Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent>
+              <DropdownMenuItem onClick={() => redirect('/profile')}>Profila</DropdownMenuItem>
               <DropdownMenuItem onClick={onLogout}>Kijelentkezés</DropdownMenuItem>
-              <DropdownMenuItem>
-                <Link href='/profile'>Profil</Link>
-              </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
         </>