feat : update organisms/profit/index.js (#83)

sayingpotato · Oct 23, 2023 · 7c506f4 · 7c506f4
1 parent 96f615f
commit 7c506f4
Showing 1 changed file with 32 additions and 10 deletions.
diff --git a/components/organisms/profit/index.js b/components/organisms/profit/index.js
@@ -2,6 +2,12 @@ import React from 'react';
 import { useEffect, useState } from "react";
 
 import useGetProfit from '@hooks/useGetProfit';
+import {
+    WholeDiv,
+    SemiDiv,
+    Div,
+} from './style'
+import Text from '@components/atoms/text';
 
 const Profit = (props) => {
 
@@ -16,16 +22,32 @@ const Profit = (props) => {
 
 
     return (
-        <>
-            <p>totalCount</p>
-            <h1>{data.totalCount}</h1>
-            <p>averageCount</p>
-            <h1>{data.averageCount}</h1>
-            <p>totalPrice</p>
-            <h1>{data.totalPrice}</h1>
-            <p>averagePrice</p>
-            <h1>{data.averagePrice}</h1>
-        </>
+        <WholeDiv>
+            <SemiDiv>
+                <Div>
+                    <Text text="총 판매 개수" className="predictionTitle" />
+                    <Text text={data.totalCount} className="predictionContent" />
+                </Div>
+
+                <Div>
+                    <Text text="평균 판매 개수" className="predictionTitle" />
+                    <Text text={data.averageCount} className="predictionContent" />
+                </Div>
+            </SemiDiv>
+
+            <SemiDiv>
+                <Div>
+                    <Text text="총 금액" className="predictionTitle" />
+                    <Text text={data.totalPrice} className="predictionContent" />
+                </Div>
+
+                <Div>
+                    <Text text="평균 금액" className="predictionTitle" />
+                    <Text text={data.averagePrice} className="predictionContent" />
+                </Div>
+            </SemiDiv>
+
+        </WholeDiv>
     )
 }