From 0bb7e00a6b3bf9c40137b9f6ee68b487c1ece4d3 Mon Sep 17 00:00:00 2001
From: Sofia Bilous <EgikSonya@gmail.com>
Date: Fri, 20 Oct 2023 20:33:01 +0300
Subject: [PATCH] with refreshing page

---
 .../search_field/companies/CompanyCard.js           | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js b/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js
index 28b1f1e0d..d538023fa 100644
--- a/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js
+++ b/FrontEnd/src/components/SearchPage/search_field/companies/CompanyCard.js
@@ -1,11 +1,8 @@
 import { Link } from 'react-router-dom';
 import { StarOutlined, StarFilled } from '@ant-design/icons';
 import { useState, useEffect } from 'react';
-// import { useState } from 'react';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';
-// import useSWRImmutable from 'swr/immutable'
-// import useSWR from 'swr';
 import axios from 'axios';
 import styles from './CompanyCard.module.css';
 
@@ -20,6 +17,7 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
   const [usersSavedList, setUsersSavedList] = useState([]);
   const [star, setStar] = useState(false);
   const [isSaved, setIsSaved] = useState(false);
+  const [searchPerformed, setSearchPerformed] = useState(false);
 
   async function sendRequest(url, { arg: data }) {
     return fetch(url, {
@@ -33,7 +31,6 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
   }
 
   async function getRequest(url) {
-    // if (isAuthorized.isAuth) {
     const data = await axios
       .get(url, {
         withCredentials: true,
@@ -51,17 +48,13 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
 
     setUsersSavedList(NewList);
     if (usersSavedList.includes(companyData.id)) {
-      console.log(
-        companyData.id,
-        usersSavedList,
-        usersSavedList.includes(companyData.id)
-      );
       setStar(filledStar);
       setIsSaved(true);
     } else {
       setIsSaved(false);
       setStar(outlinedStar);
     }
+    setSearchPerformed(true);
   }
 
   const { trigger } = useSWRMutation(
@@ -104,7 +97,7 @@ const CompanyCard = ({ companyData, isAuthorized }) => {
         console.error(error);
       }
     }
-  }, [companyData, isAuthorized, isSaved]);
+  }, [companyData, isAuthorized, isSaved, searchPerformed]);
 
   return (
     <div className={styles['company-card']}>