From 7c506f44dceb336d85d07b1cc5270c52178642e6 Mon Sep 17 00:00:00 2001
From: "wjddusgnl676@naver.com" <wjddusgnl676@naver.com>
Date: Tue, 24 Oct 2023 02:50:22 +0900
Subject: [PATCH] feat : update organisms/profit/index.js (#83)

---
 components/organisms/profit/index.js | 42 +++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/components/organisms/profit/index.js b/components/organisms/profit/index.js
index 4f0383a..a91a159 100644
--- 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>
     )
 }