Remove console logs, and dark theme changes

src/client/CookingAppReact/src/App.jsx

@@ -10,7 +10,7 @@ import Admin from "./pages/admin/Admin";
 import Subscribtion from "./pages/subscribtion/Subscription";
 import Success from "./pages/subscribtion/Succes";
 import Settings from "./pages/settings/Settings";
-import SubscribtionDetails from "./pages/subscribtion/SubscribtionDetails";
+import SubscriptionDetails from "./pages/subscribtion/SubscriptionDetails";
 import Rules from "./pages/rules/Rules";
 import NotFound from "./pages/error/NotFound";
 import AuthorizeRoute from "./pages/authorize/AuthorizeRoute";
@@ -52,7 +52,7 @@ const router = createBrowserRouter([
         path: "subscription/manage",
         element: (
           <AuthorizeRoute
-            succesPage={<SubscribtionDetails />}
+            succesPage={<SubscriptionDetails />}
             requiredRole={"Premium"}
             unAuthorizedPath={"/"}
           />

src/client/CookingAppReact/src/components/auth/SignOutButton.jsx

@@ -13,18 +13,14 @@ const SignOutButton = () => {
     <button className="flex items-center" title="Sign Out" onClick={() => handleLogout("redirect")}>
       <ArrowRightStartOnRectangleIcon
         className="w-6 h-6 mr-4
-      smallPhone:w-4
-      phone:w-4
-      tablet:w-6
-      web:w-6"
+      sm:w-4
+      md:w-4
+      lg:w-6
+      xl:w-6"
         // color={isDarkTheme ? "white" : "black"} 
         />
       <span
-        className={`
-        smallPhone:text-base
-        phone:text-base
-        tablet:text-lg
-        web:text-lg`}>Sign Out</span>
+        className={`text-primaryText`}>Sign Out</span>
     </button>
   );
 };

src/client/CookingAppReact/src/components/chat/BotResponse.jsx

@@ -20,7 +20,7 @@ export default function BotResponse({ message }) {
     navigate("/subscription");
   }
   return (
-    <li className="w-4/5" key={message.content}>
+    <li className="w-4/5 text-primaryText" key={message.content}>
       <div className="flex flex-col  justify-start items-start gap-1">
         <div className="flex flex-row items-start">
           <img
@@ -36,16 +36,16 @@ export default function BotResponse({ message }) {
         {message.type === "Recipe" && role !== "Free" && (
           <div className="w-full flex justify-center content-center items-center my-5">
             <div
-              className={`w-fit flex flex-row border-2 px-4 py-2 rounded-full bg-primary font-semibold cursor-pointer 
+              className={`w-fit flex flex-row border px-4 py-2 rounded-full bg-primary font-semibold cursor-pointer 
                 ${
                   isPending
                     ? "border-dance animate-border-dance"
-                    : "hover:border-orange-200 hover:scale-105 transition-transform duration-300"
+                    : "hover:scale-105 transition-transform duration-300"
                 } 
                 relative ${isPending && "sparkle"}`}
               onClick={handleClick}
             >
-              <SparklesIcon className="size-6 opacity-70 mr-2" />
+              <SparklesIcon className="size-6 opacity-70 mr-2 text-primaryText" />
               {isPending ? (
                 <span className="text-primaryText">
                   Crafting Meal

src/client/CookingAppReact/src/components/chat/ChatInput.jsx

@@ -19,7 +19,6 @@ export default function ChatInput() {
   const [base64Image, setBase64Image] = useState(null);
   useEffect(() => {
     if (role.limitations.chatGeneration === 10 && !isInitial) {
-      console.log(isInitial);
       toast(
         (t) => (
           <span>
@@ -69,7 +68,6 @@ export default function ChatInput() {
   }
   function handleImageAttachment(event) {
     const file = event.target.files[0];
-    console.log(file);
 
     if (file) {
       const reader = new FileReader();
@@ -101,7 +99,6 @@ export default function ChatInput() {
         });
       }
       sendMessage();
-      console.log(base64Image);
     }
   }, [base64Image]);
 
@@ -141,7 +138,7 @@ export default function ChatInput() {
         </li>
       </ul>
       <p className="hidden md:inline text-sm opacity-80 text-primaryText">
-        This AI may occasionally make mistakes. Please verify any important
+        Meal Master may occasionally make mistakes. Please verify any important
         information.
       </p>
     </section>

src/client/CookingAppReact/src/components/navbar/Navbar.jsx

@@ -28,8 +28,9 @@ export default function Navbar() {
     dispatch(uiActions.toggleRecipes());
   }
   function handleNewChat() {
-    dispatch(uiActions.clearsecondary());
+    dispatch(uiActions.clearActive());
     dispatch(userActions.emptyChat());
+
     navigate("/");
   }
   const toggleDropDown = () => {

src/client/CookingAppReact/src/components/recipes/MyRecipes.jsx

@@ -33,7 +33,6 @@ export default function MyRecipes() {
   };
   useEffect(() => {
     if (isOpen) {
-      console.log("open");
       async function getFirstPageAsync() {
         const token = await getToken();
         const decoded = jwtDecode(token);
@@ -58,7 +57,6 @@ export default function MyRecipes() {
     });
   }
   function handleChange(event) {
-    console.log(event.target.value);
     setSearch({ isTyping: true, message: event.target.value });
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -81,7 +79,6 @@ export default function MyRecipes() {
     }
 
     return () => {
-      console.log("clear");
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
@@ -99,12 +96,12 @@ export default function MyRecipes() {
         }`}
       >
         <ChevronLeftIcon
-          className="size-10  rounded-xl   hover:border hover:border-gray-200 hover:cursor-pointer p-2"
+          className="size-10  rounded-xl border border-transparent   hover:border hover:border-active hover:cursor-pointer p-2"
           onClick={handleRecipes}
         />
         <h1 className="text-lg text-primaryText">My Recipes</h1>
         <UserIcon
-          className="size-10 invisible md:visible rounded-xl   hover:border hover:border-gray-200 hover:cursor-pointer p-2"
+          className="size-10 invisible md:visible rounded-xl border border-transparent  hover:border hover:border-active hover:cursor-pointer p-2"
           onClick={(e) => {
             e.stopPropagation();
             toggleDropDown();

src/client/CookingAppReact/src/components/settings/DietaryPreferences.jsx

@@ -56,7 +56,7 @@ export default function DietaryPreferences({
           className="w-full flex items-center justify-center mt-4 transition duration-300 ease-in-out"
         >
           <div className="secondary font-semibold border rounded-full py-2 px-5">
-            <p className="primaryText text-center text-base font-medium">
+            <p className="text-primaryText text-center text-base font-medium">
               Add Allergen
             </p>
           </div>
@@ -98,7 +98,7 @@ export default function DietaryPreferences({
           className="w-full flex items-center justify-center mt-4 transition duration-300 ease-in-out"
         >
           <div className="secondary font-semibold border rounded-full py-2 px-5">
-            <p className="primaryText text-center text-base font-medium">
+            <p className="text-primaryText text-center text-base font-medium">
               Add Food
             </p>
           </div>

src/client/CookingAppReact/src/components/settings/Preferences.jsx

@@ -43,7 +43,6 @@ export default function Preferences() {
   const [error, setError] = useState("");
   const { save, isSaving } = useFoodPreferences();
   useEffect(() => {
-    console.log(dietaryPreferences.dietaryPreference);
     setAlergens(dietaryPreferences.allergies);
     setFoodPreferences(dietaryPreferences.avoidedFoods);
     setSelectedPreference(dietaryPreferences.dietaryPreference);

src/client/CookingAppReact/src/components/sidebar/ChatItem.jsx

@@ -16,7 +16,7 @@ export default function ChatItem({ title, id }) {
       className={`rounded-lg h-10 my-5 ${
         activeChat && activeChat === id
           ? "bg-active"
-          : "hover:secondary bg-transparent"
+          : "hover:bg-active bg-transparent"
       } hover:cursor-pointer flex flex-row justify-between items-center text-center group transition-colors duration-1000"`}
     >
       <h5 className="px-5 text-primaryText py-2 whitespace-nowrap text-ellipsis overflow-hidden">

src/client/CookingAppReact/src/components/sidebar/Sidebar.jsx

@@ -37,7 +37,6 @@ export default function Sidebar() {
         const decoded = jwtDecode(token);
         getFirstPage({ token: token, userId: decoded.sub, pageIndex: 1 });
       }
-      console.log(chatHistory);
       getFirstPageAsync();
     }
   }, [isOpen]);
@@ -51,7 +50,6 @@ export default function Sidebar() {
   function handleNewChat() {
     dispatch(uiActions.clearActive());
     dispatch(userActions.emptyChat());
-    dispatch(uiActions.closeSidebar());
 
     navigate("/");
   }
@@ -134,7 +132,7 @@ export default function Sidebar() {
         className={`${isPremium() || !isOpen ? "hidden" : ""}`}
         onClick={handleClickSubscribtion}
       >
-        <h5 className="hover:bg-primary mt-5 rounded-lg m-3 px-5 py-2 flex flex-row justify-start items-center hover:cursor-pointer isolate bg-secondary shadow-sm ring-1 ring-black/5">
+        <h5 className="hover:bg-active mt-5 rounded-lg m-3 px-5 py-2 flex flex-row justify-start items-center hover:cursor-pointer isolate bg-secondary shadow-sm ring-1 ring-black/5">
           <BanknotesIcon className="size-5 mr-5" />
           Get Premium
         </h5>
@@ -143,7 +141,7 @@ export default function Sidebar() {
         className={`${!isPremium() || !isOpen ? "hidden" : ""}`}
         onClick={handleClickYourSubscribtion}
       >
-        <h5 className="hover:bg-gray-300 mt-5 rounded-lg m-3 px-5 py-2 flex flex-row justify-start items-center hover:cursor-pointer isolate bg-secondary shadow-sm ring-1 ring-black/5">
+        <h5 className="hover:bg-active mt-5 rounded-lg m-3 px-5 py-2 flex flex-row justify-start items-center hover:cursor-pointer isolate bg-secondary shadow-sm ring-1 ring-black/5">
           <BanknotesIcon className="size-5 mr-5" />
           Your Subscription
         </h5>

src/client/CookingAppReact/src/components/userMenu/UserMenu.jsx

@@ -18,7 +18,6 @@ const UserMenu = ({ isOpen, toggleDropDown }) => {
   const menuRef = useRef(null);
 
   useEffect(() => {
-    console.log(isOpen);
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         toggleDropDown();
@@ -40,7 +39,7 @@ const UserMenu = ({ isOpen, toggleDropDown }) => {
       onClick={(e) => e.stopPropagation()}
       className={`absolute right-2 top-12 w-56 
       ${isDarkTheme ? "bg-[#2F2F2F]" : "bg-secondary"} 
-      border border-secondary rounded-3xl shadow-sm z-20 text-primaryText`}
+      border rounded-3xl shadow-sm z-20 text-primaryText`}
     >
       <div className="flex flex-col p-4">
         <div className="flex flex-col items-start w-full space-y-2">
@@ -91,10 +90,12 @@ const UserMenu = ({ isOpen, toggleDropDown }) => {
           </div>
         </div>
         <hr
-          className={`w-full mt-2 mb-2 border-primaryText
-          }`}
+          className={`w-full mt-2 mb-2`}
         />
-        <div className={`p-2hover:bg-base hover:rounded`}>
+        <div className={`flex items-center w-full cursor-pointer p-2 
+            ${
+              isDarkTheme ? "hover:bg-[#424242]" : "hover:bg-base"
+            } hover:rounded`}>
           <SignOutButton />
         </div>
       </div>

src/client/CookingAppReact/src/components/userMenu/settings/foodPreferences/FoodPreferences.jsx

@@ -91,9 +91,6 @@ const FoodPreferences = () => {
   };
 
   const handleSavePreferences = async () => {
-    const preferences = { alergens, foodPreferences, selectedPreference };
-    console.log("Saving preferences:", preferences);
-
     try {
       await new Promise((resolve) => setTimeout(resolve, 1000));
 

src/client/CookingAppReact/src/hooks/useChatHistory.js

@@ -14,7 +14,6 @@ const useChatHistory = () => {
   } = useMutation({
     mutationFn: getUserChats,
     onMutate: () => {
-      console.log("hii");
     },
     onSuccess: (response) => {
       dispatch(userActions.firstPageChatHistory(response.data));
@@ -28,10 +27,8 @@ const useChatHistory = () => {
     mutationFn: getUserChats,
     onMutate: () => {},
     onError: (errr) => {
-      console.log(errr);
     },
     onSuccess: (response) => {
-      console.log("return next page ", response);
       dispatch(userActions.setChatHistory(response.data));
     },
   });

src/client/CookingAppReact/src/hooks/useFetchUserStatus.js

@@ -14,7 +14,6 @@ const useFetchUserStatus = () => {
       const response = await checkUserStatus({ token });
       if (response.status !== 401) {
         const body = await response.json();
-        console.log(body);
         dispatch(uiActions.setTheme(body.data.interfacePreference.theme));
         dispatch(uiActions.setLanguage(body.data.interfacePreference.language));
         dispatch(userActions.setRole(body.data.role));

src/client/CookingAppReact/src/hooks/useFirstPageRecipes.js

@@ -11,7 +11,6 @@ const useFirstPageRecipes = () => {
       mutationFn: getRecipes,
       onMutate: () => {},
       onError: (errr) => {
-        console.log(errr);
       },
       onSuccess: (data) => {
         dispatch(uiActions.getFirstPage(data));

src/client/CookingAppReact/src/hooks/useSaveRecipe.js

@@ -25,7 +25,6 @@ const useSaveRecipe = () => {
       dispatch(userActions.reduceRecipeGeneration());
     },
     onSuccess: (response) => {
-      console.log(response);
       dispatch(uiActions.showToast(response));
     },
     onError: (error) => {

src/client/CookingAppReact/src/hooks/useStripeSession.js

@@ -11,7 +11,6 @@ const useStripeSession = () => {
   } = useMutation({
     mutationFn: createSub,
     onSuccess: (response) => {
-      console.log(response.data.sessionUrl);
       window.location.href = response.data.sessionUrl;
     },
   });

src/client/CookingAppReact/src/http/chat.js

@@ -2,7 +2,6 @@ import toast from "react-hot-toast";
 const ip = import.meta.env.VITE_PUBLIC_PERSONAL_IP;
 
 export async function sendMessage({ token, chatId, type, content }) {
-  console.log("sending");
   const response = await fetch(`${ip}/message`, {
     method: "POST",
     headers: {

src/client/CookingAppReact/src/http/subs.js

@@ -10,7 +10,6 @@ export async function fetchSubs(token) {
     throw new Error(response.errors);
   }
   const data = await response.json();
-  console.log(data);
   return data;
 }
 export async function createSub({ token, email, priceId }) {
@@ -25,12 +24,10 @@ export async function createSub({ token, email, priceId }) {
       priceId: priceId,
     }),
   });
-  console.log(response);
   if (!response.ok) {
     throw new Error(response.errors);
   }
   const data = await response.json();
-  console.log(data);
   return data;
 }
 export async function mySub({ token }) {

src/client/CookingAppReact/src/http/user.js

@@ -21,7 +21,6 @@ export async function setUi({ token, userId, language, theme }) {
   return responseBody.data;
 }
 export async function checkUserStatus({ token }) {
-  console.log(token);
   const response = await fetch(`${ip}/fetch-profile`, {
     method: "GET",
     headers: {
@@ -52,11 +51,9 @@ export async function preferences({
     }),
   });
   const responseBody = await response.json();
-  console.log(responseBody);
   return responseBody;
 }
 export async function setProfilePicture({ token, image }) {
-  console.log("wehere");
   const response = await fetch(`${ip}/upload-pfp`, {
     method: "POST",
     headers: {
@@ -66,6 +63,5 @@ export async function setProfilePicture({ token, image }) {
     body: `"${image}"`,
   });
   const responseBody = await response.json();
-  console.log(responseBody);
   return responseBody;
 }

src/client/CookingAppReact/src/index.css

@@ -39,7 +39,7 @@
   --base: #171717;
   --secondary: #212121;
   --active: #2f2f2f;
-  --primary: rgb(254 215 170);
+  --primary: rgb(101 55 1);
   --secondary: #212121;
   --primaryText: #ececec;
 }

src/client/CookingAppReact/src/msal/msal.ts

@@ -10,7 +10,6 @@ import { msalConfig, loginRequest } from "../msal/authConfig";
 export const msalInstance = new PublicClientApplication(msalConfig);
 
 export function initializeMsal() {
-  console.log("=> msal initialization..");
   const accounts = msalInstance.getAllAccounts();
   if (accounts.length > 0) {
     msalInstance.setActiveAccount(accounts[0]);

src/client/CookingAppReact/src/msal/tokenFetcher.ts

@@ -9,7 +9,6 @@ export async function getCurrentToken(
   const accounts = msalInstance.getAllAccounts();
 
   if (accounts.length === 0) {
-    console.log("No accounts found in MSAL instance.");
     return null;
   }