style: divider

Nexters · Mar 1, 2024 · ec05ec5 · ec05ec5
1 parent 728a144
commit ec05ec5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/src/app/(main)/stock/[id]/_components/header.tsx b/src/app/(main)/stock/[id]/_components/header.tsx
@@ -9,21 +9,25 @@ interface HeaderProps {
 
 export const Header = React.memo(({ stock, handleInfoClick }: HeaderProps) => {
   return (
-    <div className="w-full p-5 pb-8">
-      <div className="mb-2 flex w-full">
-        <div className="flex">
-          <h2 className="mr-1  text-body3 font-bold text-main-900">{stock.ticker}</h2>
-          <p className="text-body3 text-grey-700">{stock.companyName}</p>
+    <>
+      <div className="w-full p-5 pb-8">
+        <div className="mb-2 flex w-full">
+          <div className="flex">
+            <h2 className="mr-1  text-body3 font-bold text-main-900">{stock.ticker}</h2>
+            <p className="text-body3 text-grey-700">{stock.companyName}</p>
+          </div>
         </div>
-      </div>
-      <div className="mb-3 flex w-full items-center">
-        <p className="mr-2 text-h0 text-grey-900">{`$${stock.price}`}</p>
-        <Info className="text-grey-400" onClick={handleInfoClick} />
+        <div className="mb-3 flex w-full items-center">
+          <p className="mr-2 text-h0 text-grey-900">{`$${stock.price}`}</p>
+          <Info className="text-grey-400" onClick={handleInfoClick} />
+        </div>
+
+        {stock.industry && (
+          <div className="inline-block rounded bg-grey-100 px-2 py-1 text-body3 text-grey-700">{stock.industry}</div>
+        )}
       </div>
 
-      {stock.industry && (
-        <div className="inline-block rounded bg-grey-100 px-2 py-1 text-body3 text-grey-700">{stock.industry}</div>
-      )}
-    </div>
+      <div className="h-4 bg-grey-100" />
+    </>
   );
 });
diff --git a/src/app/(main)/stock/[id]/page.tsx b/src/app/(main)/stock/[id]/page.tsx
@@ -44,7 +44,6 @@ export default function StockPage({ params }: { params: { id: string } }) {
       </DrawerPortal>
       <div className="flex h-full w-full flex-col pt-2.5">
         <Header stock={data} handleInfoClick={handleInfoClick} />
-        <div className="h-4 bg-grey-100" />
         <InvestmentTip exDividendDate={data.exDividendDate} earliestPaymentDate={data.earliestPaymentDate} />
         <DividendInfo
           dividendPerShare={data.dividendPerShare}