feat(fe): redesign client contest table (#2007)

chore(fe): redesign table Co-authored-by: Woojin Jung <44637040+jwoojin9@users.noreply.github.com>
skkuding · Aug 26, 2024 · 81131be · 81131be
1 parent 21904fe
commit 81131be
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/apps/frontend/app/(main)/contest/_components/FinishedTableColumns.tsx b/apps/frontend/app/(main)/contest/_components/FinishedTableColumns.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { dateFormatter } from '@/lib/utils'
-import CheckIcon from '@/public/check_blue.svg'
+import CheckIcon from '@/public/check-gray-icon.svg'
 import type { Contest } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 import Image from 'next/image'

diff --git a/apps/frontend/app/(main)/contest/_components/TableSwitchButton.tsx b/apps/frontend/app/(main)/contest/_components/TableSwitchButton.tsx
@@ -11,7 +11,7 @@ export default function TableSwitchButton({
       <Link
         href="/contest"
         className={cn(
-          'w-fit p-6 text-xl font-medium text-[#333333]/30 hover:text-[#333333]/50 md:text-2xl',
+          'w-fit p-6 text-xl font-medium text-[#333333]/30 hover:text-[#333333]/50',
           !registered
             ? 'text-primary-light hover:text-primary-light border-primary-light border-b-2 font-bold'
             : ''
@@ -23,7 +23,7 @@ export default function TableSwitchButton({
       <Link
         href="/contest?registered=true"
         className={cn(
-          'w-fit p-6 text-xl font-medium text-[#333333]/30 hover:text-[#333333]/50 md:text-2xl',
+          'w-fit p-6 text-xl font-medium text-[#333333]/30 hover:text-[#333333]/50',
           registered
             ? 'text-primary-light hover:text-primary-light border-primary-light border-b-2 font-bold'
             : ''

diff --git a/apps/frontend/app/(main)/contest/page.tsx b/apps/frontend/app/(main)/contest/page.tsx
@@ -87,12 +87,12 @@ export default async function Contest({ searchParams }: ContestProps) {
           {session ? (
             <TableSwitchButton registered={registered} />
           ) : (
-            <p className="text-primary-light border-primary-light w-fit border-b-2 p-6 text-2xl font-bold md:text-2xl">
+            <p className="text-primary-light border-primary-light w-fit border-b-2 p-6 text-xl font-bold md:text-2xl">
               Finished
             </p>
           )}
           <Separator className="mb-3" />
-          <div className="flex justify-end">
+          <div className="flex justify-end py-8">
             <SearchBar className="w-60" />
           </div>
           {session && registered ? (

diff --git a/apps/frontend/public/check-gray-icon.svg b/apps/frontend/public/check-gray-icon.svg