종목랭킹 글자 색 변경

빨간색, 파란색을 더 부드러운 색상으로 변경 Issues #19
codestates-seb · Sep 19, 2023 · 52f1ce9 · 52f1ce9
1 parent cc1ae1c
commit 52f1ce9
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 12 deletions.
diff --git a/client/src/components/MarketComponents/MarketStockList.tsx b/client/src/components/MarketComponents/MarketStockList.tsx
@@ -377,9 +377,9 @@ const StockDetailItem = styled.div<{
   color: ${({ variation }) => {
     switch (variation) {
       case "positive":
-        return "red";
+        return "#e22926";
       case "negative":
-        return "blue";
+        return "#2679ed";
       case "neutral":
       default:
         return "black";

diff --git a/client/src/components/watchlist/StockItem.tsx b/client/src/components/watchlist/StockItem.tsx
@@ -37,7 +37,6 @@ const StockItem: React.FC<StockItemProps> = ({ company, onDelete  }) => {
   const handleDelete = () => {
     deleteMutation.mutate(company.companyId, {
       onSuccess: () => {
-        console.log("Delete successful!");  // 여기가 출력되는지 확인
         onDelete(company.companyId);  // 콜백 함수 호출
       }
     });

diff --git a/client/src/components/watchlist/WatchList.tsx b/client/src/components/watchlist/WatchList.tsx
@@ -27,11 +27,11 @@ const WatchList: React.FC<WatchListProps> = ({ currentListType, onChangeListType
   }, [starredData]);
 
   useEffect(() => {
-    console.log("Updated starredCompanyIds:", starredCompanyIds);  // 여기가 출력되는지 확인
+
   }, [starredCompanyIds]);
 
   const handleCompanyDelete = (deletedCompanyId: number) => {
-    console.log("Company ID to delete:", deletedCompanyId);  // 여기가 출력되는지 확인
+
     setStarredCompanyIds(prevState => prevState.filter(id => id !== deletedCompanyId));
   };
   return (

diff --git a/client/src/hooks/useGetMemberInfo.ts b/client/src/hooks/useGetMemberInfo.ts
@@ -5,7 +5,7 @@ export function useGetMemberInfo() {
   return useQuery(['member'], async () => {
     const accessToken = localStorage.getItem('accessToken'); // 로컬 스토리지에서 AuthToken 가져오기
 
-    console.log(accessToken);
+
 
     const response = await axios.get(`http://ec2-13-125-246-160.ap-northeast-2.compute.amazonaws.com:8080/members`, {
       headers: {

diff --git a/client/src/hooks/useGetStockInfo.ts b/client/src/hooks/useGetStockInfo.ts
@@ -33,10 +33,7 @@ const useGetStockInfo = (companyId: number) => {
   const { data, isLoading, error, refetch } = useQuery(`stockInfo${companyId} ${queryKey}}`, () => getStockInfo(companyId), {
     enabled: true,
     refetchInterval: autoRefetch ? 60000 * 10 : false, // 정각 혹은 30분에 맞춰서 10분 마다 데이터 리패칭
-    // onSuccess: () => {
-    //   console.log(new Date());
-    //   console.log(data);
-    // },
+
   });
 
   return { stockInfo: data, stockInfoLoading: isLoading, stockInfoError: error };

diff --git a/client/src/hooks/useTradeStock.ts b/client/src/hooks/useTradeStock.ts
@@ -28,7 +28,7 @@ export default useTradeStock;
 
 const postOrderRequest = async (orderType: boolean, companyId: number, price: number, volume: number) => {
   const accessToken = localStorage.getItem("accessToken");
-  console.log(accessToken);
+
   const options = {
     headers: {
       Authorization: `${accessToken}`,

diff --git a/client/src/page/MainPage.tsx b/client/src/page/MainPage.tsx
@@ -46,7 +46,7 @@ const MainPage = () => {
   const dispatch = useDispatch();
 
   const isLogin = useSelector((state: RootState) => state.login);
-  console.log(isLogin);
+
 
   // 🔴 페이지 로드 시 로컬 스토리지의 토큰을 기반으로 로그인 상태를 확인합니다.
   useEffect(() => {