hotfix: исправление цвета шрифта при загрузке/ошибке

src/components/Search/Search.module.css

@@ -6,7 +6,7 @@
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  color: var(--text-color);
+  color: var(--separator-color);
   background-color: #fcfcfd;
   border: 1px solid #efefef;
   box-shadow: 15px 20px 45px 0px rgba(233, 233, 233, 0.25);

src/main.tsx

@@ -19,6 +19,7 @@ import { Provider } from "react-redux";
 import { store } from "./store/store";
 import Success from "./pages/Success/Success";
 import { ThemeProvider } from "./components/ThemeProvider/ThemeProvider";
+import "./styles/index.css";
 
 const Menu = lazy(() => import("./pages/Menu/Menu"));
 
@@ -34,11 +35,7 @@ const router = createBrowserRouter([
     children: [
       {
         path: "/",
-        element: (
-          <Suspense fallback={<>Загрузка Меню...</>}>
-            <Menu />
-          </Suspense>
-        ),
+        element: <Menu />,
       },
       {
         path: "/success",

src/pages/Menu/Menu.module.css

@@ -2,3 +2,7 @@
   display: flex;
   justify-content: space-between;
 }
+
+.error {
+  color: var(--separator-color);
+}

src/pages/Menu/Menu.tsx

@@ -68,12 +68,15 @@ const Menu = () => {
         <Headling>Меню</Headling>
         <Search placeholder="Введите блюдо или состав" onChange={onSearch} />
       </div>
+
       {error && <>{error}</>}
       {!isLoading && <MenuList products={products} />}
-      {isLoading && <>Загружаем продукты...</>}
-      {!isLoading && products.length === 0 && (
-        <>Не найдено блюд по запросу...</>
-      )}
+      <div className={styles["error"]}>
+        {isLoading && <>Загружаем продукты...</>}
+        {!isLoading && products.length === 0 && (
+          <>Не найдено блюд по запросу...</>
+        )}
+      </div>
     </>
   );
 };

src/styles/themes/dark.css

@@ -1,7 +1,4 @@
 .app.dark {
   --bg-color: #03031a;
-  /* --primary-color: #bdc7bd; */
-  /* --text-color: white;
-  --second-text-color: black; */
   --text-color: white;
 }