From 50f1a2dd26663acd7cce5289cb31f3d97dd09a89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=91=ED=98=84?=
 <gimbyeonghyeon@gimbyeonghyeon-ui-MacBookAir.local>
Date: Sat, 16 Sep 2023 04:13:35 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]=EB=B3=B4=EC=9C=A0=EC=A2=85=EB=AA=A9=20?=
 =?UTF-8?q?=EA=B5=AC=ED=98=84=20=EC=A3=BC=EC=8B=9D=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?api=EC=99=80=20=EB=B3=B4=EC=9C=A0=EC=A3=BC=EC=8B=9D=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20api=EB=A5=BC=20hook=EC=9C=BC=EB=A1=9C=20=ED=98=B8?=
 =?UTF-8?q?=EC=B6=9C=20=EB=B3=B4=EC=9C=A0=EC=A2=85=EB=AA=A9=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=9C=84=EB=8A=94=20=EC=A3=BC=EC=8B=9D=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4,=20=EC=95=84=EB=9E=98=EB=8A=94=20=EB=B3=B4=EC=9C=A0?=
 =?UTF-8?q?=EC=A3=BC=EC=8B=9D=20=EC=A0=95=EB=B3=B4=EB=A5=BC=20=EC=B6=9C?=
 =?UTF-8?q?=EB=A0=A5=20=EA=B8=B0=EC=97=85=EB=A1=9C=EA=B3=A0=20=EB=8C=80?=
 =?UTF-8?q?=EC=8B=A0=20=EC=8A=A4=ED=86=A1=ED=99=80=EB=A6=84=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B3=A0=EB=A1=9C=20=EB=8C=80=EC=B2=B4=20Issues=20#19?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/asset/images/StockHolmImage.png    | Bin 0 -> 20166 bytes
 .../src/components/EntireList/StockItem.tsx   |   2 +-
 .../components/HoldingList/HoldingList.tsx    |  84 ++++----
 .../src/components/HoldingList/StockItem.tsx  | 189 +++++++++++++-----
 client/src/components/watchlist/StockItem.tsx |   2 +-
 client/src/hooks/useGetStockholds.ts          |  23 +++
 6 files changed, 205 insertions(+), 95 deletions(-)
 create mode 100644 client/src/asset/images/StockHolmImage.png
 create mode 100644 client/src/hooks/useGetStockholds.ts

diff --git a/client/src/asset/images/StockHolmImage.png b/client/src/asset/images/StockHolmImage.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b1fb1edc765f356bf128666ab89fa660400d2bc
GIT binary patch
literal 20166
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
QQ2+n{07*qoM6N<$f~T>U;s5{u

literal 0
HcmV?d00001

diff --git a/client/src/components/EntireList/StockItem.tsx b/client/src/components/EntireList/StockItem.tsx
index fade936a..f06bb014 100644
--- a/client/src/components/EntireList/StockItem.tsx
+++ b/client/src/components/EntireList/StockItem.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import logo from '../../asset/logos/SK_logo.png';
+import logo from '../../asset/images/StockHolmImage.png';
 
 const StockItem: React.FC<StockItemProps> = ({ company, setShowChangePrice, showChangePrice }) => {
   const isPositiveChange = parseFloat(company.stockChangeRate) > 0;
diff --git a/client/src/components/HoldingList/HoldingList.tsx b/client/src/components/HoldingList/HoldingList.tsx
index c4bad0aa..b62bbe17 100644
--- a/client/src/components/HoldingList/HoldingList.tsx
+++ b/client/src/components/HoldingList/HoldingList.tsx
@@ -2,17 +2,16 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import Header from './Header';
 import StockItem from './StockItem';
+import useGetStockHolds from '../../hooks/useGetStockholds';
+import { StockItemProps } from './StockItem';
 import useCompanyData from '../../hooks/useCompanyData';
 
-const WatchList: React.FC<WatchListProps> = ({ currentListType, onChangeListType }) => {
+const HoldingList: React.FC<WatchListProps> = ({ currentListType, onChangeListType }) => {
   const [isMenuOpen, setMenuOpen] = useState(false);
   const [showChangePrice, setShowChangePrice] = useState(false);
 
-  // useCompanyData 훅 사용하여 데이터 가져오기
-  const { data: companies, isLoading, isError } = useCompanyData(1, 14);
-
-  // 'companies'가 'undefined'인 경우를 처리하기 위해 빈 배열로 초기화
-  const companiesList = companies || [];
+  const { stockHolds, stockHoldsLoading: isLoading, stockHoldsError: isError } = useGetStockHolds();
+  const { data: companyData, isLoading: isCompanyDataLoading, isError: isCompanyDataError } = useCompanyData(1, 14);
 
   return (
     <WatchListContainer>
@@ -23,21 +22,24 @@ const WatchList: React.FC<WatchListProps> = ({ currentListType, onChangeListType
         setMenuOpen={setMenuOpen}
       />
       <Divider1 />
-      <EvaluationProfit>평가 수익금: +5,000,000원</EvaluationProfit> {/* 임의의 평가 수익금 */}
+      <EvaluationProfit>평가 수익금: +5,000,000원</EvaluationProfit>
       <Divider2 />
       <StockList>
-        {isLoading ? (
+        {isLoading || isCompanyDataLoading ? (
           <div>Loading...</div>
-        ) : isError ? (
+        ) : isError || isCompanyDataError ? (
           <div>Error fetching data</div>
         ) : (
-          companiesList.map((company) => (
-            <StockItem
-              key={company.companyId}
-              company={company}
-              setShowChangePrice={setShowChangePrice}
-              showChangePrice={showChangePrice}
-            />
+          stockHolds.map((stockHold: StockItemProps['stockData']) => (
+            companyData ? (
+              <StockItem
+                key={stockHold.companyId}
+                stockData={stockHold}
+                companyData={companyData}
+                setShowChangePrice={setShowChangePrice}
+                showChangePrice={showChangePrice}
+              />
+            ) : null
           ))
         )}
       </StockList>
@@ -45,13 +47,13 @@ const WatchList: React.FC<WatchListProps> = ({ currentListType, onChangeListType
   );
 };
 
-// Props와 상태에 대한 타입 정의
+export default HoldingList;
+
 type WatchListProps = {
   currentListType: '전체종목' | '관심종목' | '보유종목';
   onChangeListType: (type: '전체종목' | '관심종목' | '보유종목') => void;
 };
 
-// WatchList 컴포넌트에 대한 스타일드 컴포넌트 정의
 const WatchListContainer = styled.div`
   display: flex;
   flex-direction: column;
@@ -59,38 +61,34 @@ const WatchListContainer = styled.div`
 `;
 
 const Divider1 = styled.div`
-margin:0px;
-padding:0px;
-width: 100%;
-height: 10px;
-display: flex;
-flex-direction: row;
-border-bottom: 1px solid #2f4f4f;
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+  height: 10px;
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid #2f4f4f;
 `;
 
 const Divider2 = styled.div`
-margin:0px;
-padding:0px;
-width: 100%;
-height: 4.5px;
-display: flex;
-flex-direction: row;
-border-bottom: 1px solid #2f4f4f;
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+  height: 4.5px;
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid #2f4f4f;
 `;
 
-
-
 const EvaluationProfit = styled.div`
-font-size: 16px;
-font-weight: bold;
-margin: 8px 0;
-text-align: center;
-color: red; // 수익금이 플러스일 경우 초록색으로 표시
+  font-size: 16px;
+  font-weight: bold;
+  margin: 8px 0;
+  text-align: center;
+  color: red;
 `;
 const StockList = styled.div`
   width: 90%;
-  max-height: 800px; /* 스크롤이 발생할 최대 높이를 지정하세요 */
-  overflow-y: auto; /* 세로 스크롤을 활성화합니다 */
+  max-height: 800px;
+  overflow-y: auto;
 `;
-
-export default WatchList;
diff --git a/client/src/components/HoldingList/StockItem.tsx b/client/src/components/HoldingList/StockItem.tsx
index fade936a..7f1aab0e 100644
--- a/client/src/components/HoldingList/StockItem.tsx
+++ b/client/src/components/HoldingList/StockItem.tsx
@@ -1,57 +1,95 @@
 import React from 'react';
 import styled from 'styled-components';
-import logo from '../../asset/logos/SK_logo.png';
+import logo from '../../asset/images/StockHolmImage.png';
 
-const StockItem: React.FC<StockItemProps> = ({ company, setShowChangePrice, showChangePrice }) => {
-  const isPositiveChange = parseFloat(company.stockChangeRate) > 0;
-  const priceColor = isPositiveChange ? 'red' : 'blue';
-
-  return (
-    <StockItemWrapper>
-      <Logo src={logo} alt="stock logo" />
-      <StockInfo>
-        <StockName>{company.korName}</StockName>
-        <StockCode>{company.code}</StockCode>
-      </StockInfo>
-      <StockPriceSection>
-        <StockPrice change={priceColor}>{company.stockPrice}</StockPrice>
-        <StockChange
-          change={priceColor}
-          onMouseEnter={() => setShowChangePrice(true)}
-          onMouseLeave={() => setShowChangePrice(false)}
-        >
-          {showChangePrice ? `${company.stockChangeAmount}%` : `${company.stockChangeRate}%`}
-        </StockChange>
-      </StockPriceSection>
-    </StockItemWrapper>
-  );
+export type StockItemProps = {
+  stockData: {
+    stockHoldId: number;
+    memberId: number;
+    companyId: number;
+    companyKorName: string;
+    stockCount: number;
+    totalPrice: number;
+    percentage: number;
+    stockReturn: number;
+    reserveSellStockCount: number;
+  };
+  companyData?: {
+    companyId: number;
+    code: string;
+    korName: string;
+    stockPrice: string;
+    stockChangeAmount: string;
+    stockChangeRate: string;
+}[];
+  setShowChangePrice: (value: boolean) => void;
+  showChangePrice: boolean;
 };
 
-type NewCompanyData = {
-  companyId: number;
-  code: string;
-  korName: string;
-  stockPrice: string;
-  stockChangeAmount: string;
-  stockChangeRate: string;
-};
 
-type StockItemProps = {
-  company: NewCompanyData;
-  setShowChangePrice: React.Dispatch<React.SetStateAction<boolean>>;
-  showChangePrice: boolean;
+
+const StockItem: React.FC<StockItemProps> = ({ companyData, stockData, setShowChangePrice, showChangePrice }) => {
+  const {  stockCount, reserveSellStockCount, totalPrice, percentage, stockReturn } = stockData;
+  const totalStocksHeld = stockCount + reserveSellStockCount;
+  const company = companyData ? companyData[0] : undefined;
+
+  const { 
+    code = '', 
+    korName = '', 
+    stockPrice='',
+    stockChangeAmount = '', 
+    stockChangeRate = '' 
+  } = company || {};
+  
+    // Format percentage to two decimal places
+    const formattedPercentage = parseFloat(percentage.toFixed(2));
+
+
+  return (
+    <>
+      <ItemContainer>
+        <Logo src={logo} alt="stock logo" />
+        <StockInfo>
+          <StockName>{korName}</StockName>
+          <StockCode>{code}</StockCode>
+        </StockInfo>
+        <StockPriceSection>
+          <StockPrice change={`${stockChangeRate}%`}>{stockPrice.toLocaleString()} 원</StockPrice>
+          <StockChange 
+              change={`${stockChangeRate}%`} 
+              onMouseEnter={() => setShowChangePrice(true)} 
+              onMouseLeave={() => setShowChangePrice(false)}
+              >
+              {showChangePrice ? stockChangeAmount.toLocaleString() : `${stockChangeRate}%`}
+          </StockChange>
+        </StockPriceSection>
+      </ItemContainer>
+      <StockDetails>
+        <DetailSection>
+          <DetailTitle>수익</DetailTitle>
+          <DetailTitle>보유</DetailTitle>
+        </DetailSection>
+        <DetailSection>
+          <ColoredDetailData value={stockReturn.toString()}>{stockReturn.toLocaleString()} 원</ColoredDetailData>
+          <DetailData>{totalPrice.toLocaleString()} 원</DetailData>
+        </DetailSection>
+        <DetailSection>
+          <ColoredDetailData value={`${formattedPercentage}%`}>{formattedPercentage}%</ColoredDetailData>
+          <DetailTitle>{totalStocksHeld}주</DetailTitle>
+        </DetailSection>
+      </StockDetails>
+      <ThickDivider />
+    </>
+  );
 };
 
-const StockItemWrapper = styled.div`
+const ItemContainer = styled.div`
   display: flex;
-  flex-direction: row; /* 수평으로 정렬 */
-  justify-content: flex-start; /* 왼쪽 정렬 */
-  align-items: flex-start; /* 위로 정렬 */
-  padding: 8px 0;
-  border-bottom: 1px solid #e0e0e0;
+  justify-content: space-between;
+  align-items: center;
   width: 100%;
-  background-color: transparent;
-  cursor: pointer;
+  padding: 8px 0;
+  border-bottom: 1px solid #e0e0e0; // Holdings에서의 스타일 추가
 `;
 
 const Logo = styled.img`
@@ -80,16 +118,67 @@ const StockPriceSection = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  margin-left: auto; /* 자동으로 왼쪽 여백 추가 */
 `;
 
-const StockPrice = styled.span<{ change: string }>`
-  color: ${(props) => props.change};
-`;
+const getColorByChange = (change: string) => {
+  if (change.startsWith('')) return 'red';
+  if (change.startsWith('-')) return 'blue';
+  return 'black';
+};
+
+const StockPrice = styled.span.attrs<{ change: string }>(({ change }) => ({
+  style: {
+    color: getColorByChange(change),
+  },
+}))``;
 
-const StockChange = styled.span<{ change: string }>`
-  color: ${(props) => props.change};
+const StockChange = styled.span.attrs<{ change: string }>(({ change }) => ({
+  style: {
+    color: getColorByChange(change),
+  },
+}))`
   cursor: pointer;
 `;
 
+const StockDetails = styled.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 0;
+  width: 100%;
+`;
+
+const DetailSection = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+const DetailTitle = styled.span`
+  font-weight: light;
+  font-size : 14px;
+`;
+
+const DetailData = styled.span`
+  font-size: 14px;  // Setting standardized font size for all data
+`;
+
+const getColorByValue = (value: string) => {
+  if (value.startsWith('')) return 'red';
+  if (value.startsWith('-')) return 'blue';
+  return 'black';
+};
+
+const ColoredDetailData = styled.span.attrs<{ value: string }>(({ value }) => ({
+  style: {
+    color: getColorByValue(value),
+  },
+}))`
+  font-size: 14px;  // Setting standardized font size for all data
+`;
+
+const ThickDivider = styled.div`
+  height: 3px;
+  background-color: #aaa; 
+  margin: 8px 0; 
+`;
 export default StockItem;
diff --git a/client/src/components/watchlist/StockItem.tsx b/client/src/components/watchlist/StockItem.tsx
index fade936a..f06bb014 100644
--- a/client/src/components/watchlist/StockItem.tsx
+++ b/client/src/components/watchlist/StockItem.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import logo from '../../asset/logos/SK_logo.png';
+import logo from '../../asset/images/StockHolmImage.png';
 
 const StockItem: React.FC<StockItemProps> = ({ company, setShowChangePrice, showChangePrice }) => {
   const isPositiveChange = parseFloat(company.stockChangeRate) > 0;
diff --git a/client/src/hooks/useGetStockholds.ts b/client/src/hooks/useGetStockholds.ts
new file mode 100644
index 00000000..d5f3179b
--- /dev/null
+++ b/client/src/hooks/useGetStockholds.ts
@@ -0,0 +1,23 @@
+import { useQuery } from "react-query";
+import axios from "axios";
+
+const useGetStockHolds = () => {
+  const { data, isLoading, error } = useQuery("stockHolds", getStockHolds, {});
+
+  return { stockHolds: data, stockHoldsLoading: isLoading, stockHoldsError: error };
+};
+
+export default useGetStockHolds;
+
+// 서버에서 StockHolds 목록 fetch 하는 함수
+const getStockHolds = async () => {
+  const token = localStorage.getItem('Authorization');  // 로컬 스토리지에서 토큰 가져오기
+  const res = await axios.get("http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com:8080/stock/stockholds", {
+    headers: {
+      'Authorization': token
+    }
+  });
+  const stockHoldsList = await res.data;
+
+  return stockHoldsList;
+};