change some style and fix a bug

src/components/header-search/HeaderSearch.module.css

@@ -9,6 +9,7 @@
 }
 .headersearchinput:focus-visible{
 border: none;
+outline-color: #c5bfbf;
 }
 @media (max-width:795px){
 .headersearchinput{

src/components/tabel/Tr.component.jsx

@@ -3,21 +3,22 @@ import Button from 'react-bootstrap/Button';
 import { compareAsc, format, newDate } from 'date-fns-jalali'
 import { useDispatch } from 'react-redux';
 import { uiActions } from '../../store/ui-slice';
-import { getDateToJalaliFormat } from '../../utils/functions.utils';
+import { getDateToJalaliFormat, numberWithCommas } from '../../utils/functions.utils';
 
 const TrComponent = ({ username, OrderRegistrationTime, prices, lastname, setModalShow, id }) => {
     const dispatch = useDispatch()
     const jalaliDate = getDateToJalaliFormat(OrderRegistrationTime)
     function showModalHandeling(dataId) {
         dispatch(uiActions.showOrderMenu(dataId))
     }
+    const pricesWithComma = numberWithCommas(prices)
     return (
         <tr>
             <td>
                 <Button id={id} onClick={(e) => showModalHandeling(e.target.id)} variant="primary">بررسی سفارش</Button>
             </td>
             <td>{jalaliDate}</td>
-            <td>{prices}</td>
+            <td>{pricesWithComma}</td>
             <td>{username + " " + lastname} </td>
         </tr>
     );

src/configs/variables.config.js

@@ -1,3 +1,5 @@
 export const API_BASE_URL =
   process.env.REACT_APP_BASE_API || "http://localhost:3001/";
-export const username = JSON.parse(localStorage.getItem("userinfo")).username;
+export const username =
+  localStorage.getItem("userinfo") &&
+  JSON.parse(localStorage.getItem("userinfo")).username;

src/hooks/useLocalStorage.js

@@ -15,7 +15,6 @@ export function useLocalStorage(key, initialValue) {
       return item ? JSON.parse(item) : initialValue;
     } catch (error) {
       // If error also return initialValue
-      console.log(error);
       return initialValue;
     }
   });
@@ -34,7 +33,6 @@ export function useLocalStorage(key, initialValue) {
       }
     } catch (error) {
       // A more advanced implementation would handle the error case
-      console.log(error);
     }
   };
   return [storedValue, setValue];

src/layouts/header/header.layout.jsx

@@ -15,9 +15,8 @@ const Header = () => {
     const [notification, setNotification] = useState(0)
     useEffect(() => {
         let cartSum = 0
-        console.log("I'm notification")
         axios.get(`${API_BASE_URL}mockusers?username=${username}`).then((res) => {
-            res.data && res.data[0].cart.map((product) => {
+            res.data && res.data[0].cart && res.data[0].cart.map((product) => {
                 cartSum += product.count
             })
             setNotification(cartSum)

src/pages/cart/cart.page.jsx

@@ -15,9 +15,9 @@ const Cart = () => {
     const [afterChange, setAfterChange] = useState()
     const [changeinCount, setChangeinCount] = useState()
     const { data, isLoading, isError, isSuccess } = useFetchCartProductQuery({ afterChange, changeinCount })
-    // let userData = data && data[0].cart
+
     const [userData, setUserData] = useState()
-    // let prices = 0;
+
     const [cartSum, setCartSum] = useState()
     const [prices, setPrices] = useState(0);
     useEffect(() => {

src/pages/home/home.page.jsx

@@ -7,14 +7,22 @@ import ProductionContainer from "./production-card-home-container/ProductionCont
 import { getAppTitle } from "../../utils/functions.utils";
 import SecondCategory from "./second-category/SecondCategory.component";
 import ProductionScroller from "../../components/productions-scroller/ProductionScroller";
+import { useEffect } from "react";
 
 
 
 const Home = () => {
 
 
     const appTitle = getAppTitle()
-
+    useEffect(() => {
+        localStorage.setItem('userinfo',
+            JSON.stringify({
+                username: 'puria-asr',
+                id: 1
+            })
+        )
+    }, [])
 
     return (
         <>