diff --git a/src/app/(main)/report/dividend/_components/dividend-row.tsx b/src/app/(main)/report/dividend/_components/dividend-row.tsx index da4b5c1..adc44d0 100644 --- a/src/app/(main)/report/dividend/_components/dividend-row.tsx +++ b/src/app/(main)/report/dividend/_components/dividend-row.tsx @@ -1,6 +1,7 @@ import { SingleYearlyDividendResponse, StockResponse } from "@/api/generated/endpoint.schemas"; import Image from "next/image"; import React from "react"; +import TickerDefault from "@/components/icons/ticker-default"; export interface Dividend extends StockResponse { share?: number; @@ -10,13 +11,17 @@ export const DividendRow = React.memo(({ dividend }: { dividend: SingleYearlyDiv return (
- {dividend.ticker} + {dividend.logoUrl === null ? ( + + ) : ( + {dividend.ticker} + )}
diff --git a/src/app/(main)/report/sector-detail/_components/sector-insights-item.tsx b/src/app/(main)/report/sector-detail/_components/sector-insights-item.tsx index c97ad0c..57d5708 100644 --- a/src/app/(main)/report/sector-detail/_components/sector-insights-item.tsx +++ b/src/app/(main)/report/sector-detail/_components/sector-insights-item.tsx @@ -2,6 +2,7 @@ import { formatDateStringToMonthDay } from "@/utils/date"; import Image from "next/image"; import { useRouter } from "next/navigation"; import React, { useCallback } from "react"; +import TickerDefault from "@/components/icons/ticker-default"; interface InsightsStock { dividendYield?: number; @@ -49,14 +50,17 @@ export const SectorInsightsItem = React.memo(({ title, data, type }: SectorInsig }} >
- {stock.ticker} - + {stock.logoUrl === null ? ( + + ) : ( + {stock.ticker} + )}
{stock.ticker}

diff --git a/src/app/(main)/report/sector-list/_components/sector-row.tsx b/src/app/(main)/report/sector-list/_components/sector-row.tsx deleted file mode 100644 index a4c3d7d..0000000 --- a/src/app/(main)/report/sector-list/_components/sector-row.tsx +++ /dev/null @@ -1,30 +0,0 @@ -"use client"; -import { SectorRatioResponse } from "@/api/generated/endpoint.schemas"; -import ChevronRightIcon from "@/components/icons/chevron-right"; -import Image from "next/image"; -import { useRouter } from "next/navigation"; -import React from "react"; - -export interface SectorRatio extends Required {} - -export const SectorRow = React.memo(({ sector }: { sector: SectorRatio }) => { - const router = useRouter(); - - const handleSectorClick = () => { - // @TODO 수정 필요 - router.push(`/`); - }; - return ( -

- {sector.sectorName} -
-
-

{sector.sectorName}

-

{(sector.sectorRatio * 100).toFixed(0) + "%"}

-
- - -
-
- ); -}); diff --git a/src/app/(main)/ticker/_components/ticker-content.tsx b/src/app/(main)/ticker/_components/ticker-content.tsx index 4e7a063..4431392 100644 --- a/src/app/(main)/ticker/_components/ticker-content.tsx +++ b/src/app/(main)/ticker/_components/ticker-content.tsx @@ -59,10 +59,17 @@ const TickerContent = React.memo(() => { if (selectedStock) { resetData(); - addStock({ ...selectedStock, count: tickerCount }); + const existingStock = stocks.find((stock) => stock.stockId === selectedStock.stockId); + + if (existingStock !== undefined) { + // 주식이 이미 존재하는 경우 업데이트 + editStock({ ...selectedStock, count: existingStock.count + tickerCount }); + } else { + addStock({ ...selectedStock, count: tickerCount }); + } isDrawerOpenChange(false); } - }, [addStock, isDialogOpenChange, isDrawerOpenChange, resetData, selectedStock, stocks.length, tickerCount]); + }, [addStock, editStock, isDialogOpenChange, isDrawerOpenChange, resetData, selectedStock, stocks, tickerCount]); const handleInputClear = React.useCallback((type: DrawerType) => { if (type === "name") { diff --git a/src/app/(main)/ticker/_components/ticker-list.tsx b/src/app/(main)/ticker/_components/ticker-list.tsx index 3682a7f..7d54267 100644 --- a/src/app/(main)/ticker/_components/ticker-list.tsx +++ b/src/app/(main)/ticker/_components/ticker-list.tsx @@ -3,6 +3,7 @@ import { Stock } from "@/state/stores/stocks-store"; import React from "react"; import Image from "next/image"; +import TickerDefault from "@/components/icons/ticker-default"; interface TickerProps { data: Stock[]; @@ -41,14 +42,18 @@ const TickerList = React.memo(({ data, tickerName, hasShares, onClick }: TickerP
{data.map((item, index) => (
onClick(item)}> -
- {"stock +
+ {item.logoUrl === null ? ( + + ) : ( + {"stock + )}
{getHighlightText(item.ticker)} diff --git a/src/components/icons/ticker-default.tsx b/src/components/icons/ticker-default.tsx new file mode 100644 index 0000000..140ba16 --- /dev/null +++ b/src/components/icons/ticker-default.tsx @@ -0,0 +1,15 @@ +import React from "react"; + +export interface TickerDefaultProps extends React.SVGProps {} + +const TickerDefault = React.memo(({ ...props }: TickerDefaultProps) => { + return ( + + + + + + ); +}); + +export default TickerDefault;