Merge pull request #831 from 42organization/GGFE-70-Style-profile-cur…

…rentplay

[GGFE-70]Style profile currentplay

pages/users/detail.tsx

@@ -1,9 +1,9 @@
-import Link from 'next/link';
 import { useRouter } from 'next/router';
 import BasicProfile from 'components/user/BasicProfile';
 import GameResult from 'components/game/GameResult';
 import RankProfile from 'components/user/RankProfile';
 import styles from 'styles/user/user.module.scss';
+import Section from 'components/main/Section';
 
 export default function User() {
   const router = useRouter();
@@ -15,16 +15,12 @@ export default function User() {
         <div key={intraId}>
           <BasicProfile profileId={intraId} />
           <RankProfile profileId={intraId} />
-          <Link
-            href={{
-              pathname: '/game',
-              query: { intraId: intraId },
-            }}
-          >
-            <h2 id={styles.mine} className={styles.subtitle}>
-              recent record ▶️
-            </h2>
-          </Link>
+          <div>
+            <Section
+              path={`game?intraId=${intraId}`}
+              sectionTitle={'Recent Record'}
+            />
+          </div>
           <GameResult />
         </div>
       )}

stories/profile/profilepage.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import User from 'pages/users/detail';
+
+const meta: Meta<typeof User> = {
+  title: 'profile/Userprofile',
+  component: User,
+  tags: ['autodocs'],
+  args: {
+    intraId: String,
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof User>;
+
+export const Default: Story = {
+  args: {
+    intraId: 'sangmipa',
+  },
+};

styles/user/user.module.scss

@@ -3,20 +3,3 @@
 .container {
   @include pageWrap;
 }
-
-.title {
-  @include pageTitle;
-}
-
-.subtitle {
-  width: fit-content;
-  margin: 1rem auto 0.5rem auto;
-  color: white;
-  font-family: $title-font;
-  font-size: $giant-font;
-  letter-spacing: 0.1rem;
-}
-
-#mine {
-  cursor: pointer;
-}