fix some style

Author: parsabr80

src/pages/Feature/Components/AssetUser.jsx

@@ -1,13 +1,12 @@
 import { BiEditAlt } from "react-icons/bi";
 import { HiOutlineTrash } from "react-icons/hi";
-
 import styled from "styled-components";
 import {
   convertToPersian,
   getFieldTranslationByNames,
 } from "../../../services/Utility";
 import Result from "../../../components/Result";
-
+import { useTheme } from "../../../services/reducers/ThemeContext";
 const Wrapper = styled.div`
   border-radius: 5px;
   background-color: ${(props) =>
@@ -54,6 +53,8 @@ const ActionWrapper = styled.div`
 
 const ResultWrapper = styled.div`
   display: flex;
+  color: ${(props) => props.theme.colors.newColors.shades.title};
+
   flex-direction: column;
   align-items: flex-start;
   gap: 5px;
@@ -62,24 +63,21 @@ const ResultWrapper = styled.div`
   }
 `;
 
-const Title = styled.h3`
-  color: ${(props) => props.theme.colors.newColors.shades.title};
-  font-size: 14px;
-  font-weight: 500;
-`;
-
 const Value = styled.p`
   color: ${(props) => props.theme.colors.newColors.shades.title};
   font-size: 16px;
   font-weight: 400;
 `;
 
 const ResultInfo = ({ setAssign, rial, psc, setPsc, setRial }) => {
+  const { theme } = useTheme();
+  console.log("theme", theme);
   const deleteHandler = () => {
     setPsc("");
     setRial("");
     setAssign(false);
   };
+  const buttonColer = theme == "light" ? "black" : "white";
   return (
     <Wrapper>
       <Results>
@@ -103,17 +101,14 @@ const ResultInfo = ({ setAssign, rial, psc, setPsc, setRial }) => {
             {convertToPersian(rial)} IRR / {convertToPersian(psc)} PSC
           </Value>
         </ResultWrapper>
-        <Result
-          title={getFieldTranslationByNames("523")}
-          value={"5%"}
-        />
+        <Result title={getFieldTranslationByNames("523")} value={"5%"} />
       </Results>
       <Actions>
         <ActionWrapper onClick={() => setAssign(false)}>
-          <BiEditAlt size={20} />
+          <BiEditAlt size={20} color={buttonColer} />
         </ActionWrapper>
         <ActionWrapper onClick={deleteHandler}>
-          <HiOutlineTrash size={20} />
+          <HiOutlineTrash size={20} color="#9b0e0e" />
         </ActionWrapper>
       </Actions>
     </Wrapper>