fix: qa

Author: pepperdad

apps/ticket/src/app/(pages)/event/[eventId]/_components/TitleSection/index.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import classNames from "classnames/bind";
 
-import { Button, Typography } from "@permit/design-system";
+import { Button, Flex, Typography } from "@permit/design-system";
 
 import styles from "./index.module.scss";
 
@@ -19,9 +19,14 @@ export const TitleSection = ({ eventName, eventId }: Props) => {
         {eventName}
       </Typography>
 
-      <Button asChild className={cx("time_table_button")} variant="secondary" size="sm">
-        <Link href={`/event/${eventId}/time-table`}>TIME TABLE</Link>
-      </Button>
+      <Flex gap={8}>
+        <Button asChild className={cx("time_table_button")} variant="secondary" size="sm">
+          <Link href={`/event/${eventId}/time-table`}>Timetable</Link>
+        </Button>
+        <Button asChild className={cx("time_table_button")} variant="secondary" size="sm">
+          <Link href={`/event/${eventId}/time-table/site-map`}>Sitemap</Link>
+        </Button>
+      </Flex>
     </div>
   );
 };

apps/ticket/src/app/(pages)/event/[eventId]/time-table/_clientBoundary/TimeTableClient/index.tsx

@@ -179,13 +179,13 @@ export const TimeTableClient = ({ eventId }: Props) => {
                 variant="secondary"
                 onClick={() => router.push(`/event/${eventId}/time-table`)}
               >
-                {"TIME TABLE"}
+                {"Timetable"}
               </Button>
               <Button
                 variant="secondary"
                 onClick={() => router.push(`/event/${eventId}/time-table/site-map`)}
               >
-                {"SITE MAP"}
+                {"Sitemap"}
               </Button>
             </Flex>
 

apps/ticket/src/app/(pages)/event/[eventId]/time-table/site-map/_clientBoundary/SiteMapClient/index.tsx

@@ -43,13 +43,13 @@ export const SiteMapClient = ({ eventId }: Props) => {
                 variant="secondary"
                 onClick={() => router.push(`/event/${eventId}/time-table`)}
               >
-                {"TIME TABLE"}
+                {"Timetable"}
               </Button>
               <Button
                 variant="secondary"
                 onClick={() => router.push(`/event/${eventId}/time-table/site-map`)}
               >
-                {"SITE MAP"}
+                {"Sitemap"}
               </Button>
             </Flex>
           </Flex>