diff --git a/src/app/(main)/ticker/_components/ticker-content.tsx b/src/app/(main)/ticker/_components/ticker-content.tsx index 615c0e8..4e7a063 100644 --- a/src/app/(main)/ticker/_components/ticker-content.tsx +++ b/src/app/(main)/ticker/_components/ticker-content.tsx @@ -91,6 +91,7 @@ const TickerContent = React.memo(() => { const handleDeleteClick = React.useCallback(() => { const prevStock = selectedStock; + const stockLength = stocks.length; if (selectedStock) { removeStock(selectedStock); resetData(); @@ -102,11 +103,14 @@ const TickerContent = React.memo(() => { handleUndo={() => { prevStock && addStock(prevStock); }} + style={{ + marginBottom: stockLength === 1 ? "0" : "4.5rem", + }} /> )); return isDrawerOpenChange(false); } - }, [addStock, isDrawerOpenChange, removeStock, resetData, selectedStock]); + }, [addStock, isDrawerOpenChange, removeStock, resetData, selectedStock, stocks.length]); const handleConfirmClick = React.useCallback(() => { if (selectedStock) { diff --git a/src/components/common/toast/toast.tsx b/src/components/common/toast/toast.tsx index 8c2f93a..4416f79 100644 --- a/src/components/common/toast/toast.tsx +++ b/src/components/common/toast/toast.tsx @@ -19,11 +19,12 @@ const Toast = React.memo(({ t, title, isRevertable, handleUndo, ...props }: Toas return (
{title}
{isRevertable &&