Merge pull request #196 from 100-hours-a-week/feature/elle

Feature/elle
100-hours-a-week · Sep 11, 2024 · 1e75737 · 1e75737
2 parents a90d467 + fdd9374
commit 1e75737
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 23 deletions.
diff --git a/src/Component/Button/DeleteButton2.tsx b/src/Component/Button/DeleteButton2.tsx
@@ -2,24 +2,25 @@ import React from "react";
 import "./DeleteButtonStyle.css";
 
 interface AnimatedButtonProps {
-    onClick: () => void;
+  onClick: () => void;
 }
 
 const DeleteButton2: React.FC<AnimatedButtonProps> = ({ onClick }) => {
-    return (
-        <div
-            className="delete"
-            onClick={onClick}
-            style={{
-                left: "410px",
-                cursor: "pointer",
-                top: "-2px",
-            }}
-        >
-            <div className="top"></div>
-            <div className="bottom"></div>
-        </div>
-    );
+  return (
+    <div
+      className="delete"
+      onClick={onClick}
+      style={{
+        left: "410px",
+        cursor: "pointer",
+        top: "-2px",
+        marginRight: "2.5rem",
+      }}
+    >
+      <div className="top"></div>
+      <div className="bottom"></div>
+    </div>
+  );
 };
 
 export default DeleteButton2;
diff --git a/src/Component/Chart/chart.tsx b/src/Component/Chart/chart.tsx
@@ -99,8 +99,8 @@ const Chart = ({ data }: CandleData) => {
                 newsHtml += `<li style="padding-top:1rem; padding-bottom:0.5rem; padding-left:0.5rem; list-style:none; border-bottom:1px solid rgba(209, 209, 214, 0.3);" onmouseover="this.style.backgroundColor='#E6E5FF';"
                 onmouseout="this.style.backgroundColor='';"><a href=${newItem.url} target="_blank" rel="noopener noreferrer nofollow" 
                 style="text-decoration:none; color: black; font-size:15px; font-family:SCDream2;  transition: background-color 0.3s ease;">
-                ${newItem.title}</a>
-                </li>`;
+                
+                ${newItem.title}</a></li>`;
               });
             }
 

diff --git a/src/Component/Chart/chartStyle.ts b/src/Component/Chart/chartStyle.ts
@@ -1,10 +1,10 @@
 import styled from "styled-components";
 
 export const ChartStyle = styled.div`
-  width: 90%;
+  width: 100%;
   margin-bottom: 30px;
 `;
 
 export const ChartDate = styled.p`
   font-family: "SCDream9";
-`;
+`;
diff --git a/src/Component/Modal/addStock.tsx b/src/Component/Modal/addStock.tsx
@@ -34,8 +34,7 @@ const AddOrEditModal: React.FC<AddOrEditModalProps> = ({
   const location = useLocation();
   const id = location.pathname.split("/")[2];
 
-  const changeStatus = usePortfolioStore((state) => state.change);
-  const changeCheck = usePortfolioStore((state) => state.setChange);
+  const { change, setChange } = usePortfolioStore();
 
   const handleChangeQuantity = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = parseFloat(e.target.value);
@@ -77,7 +76,7 @@ const AddOrEditModal: React.FC<AddOrEditModalProps> = ({
             });
             onConfirm(quantity, price);
             onClose();
-            changeCheck(!changeStatus);
+            setChange(!change);
           }
         })
         .catch((error) => {

diff --git a/src/Component/Portfolio/PortfolioDetail.tsx b/src/Component/Portfolio/PortfolioDetail.tsx
@@ -20,7 +20,6 @@ const TitleDiv = styled.div`
   justify-content: space-between;
   @media (max-width: 768px) {
     width: 100%;
-    padding-right: 2rem;
   }
 `;