hide dock

Author: Ivan Strilets

next.config.ts

@@ -3,51 +3,6 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   output: "export",
   trailingSlash: true,
-
-  webpack(config) {
-    // Grab the existing rule that handles SVG imports
-    // const fileLoaderRule = config.module.rules.find((rule) =>
-    //   rule.test?.test?.(".svg")
-    // );
-
-    // config.module.rules.push(
-    //   // Reapply the existing rule, but only for svg imports ending in ?url
-    //   {
-    //     ...fileLoaderRule,
-    //     test: /\.svg$/i,
-    //     resourceQuery: /url/, // *.svg?url
-    //   },
-    //   // Convert all other *.svg imports to React components
-    //   {
-    //     test: /\.svg$/i,
-    //     issuer: fileLoaderRule.issuer,
-    //     resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
-    //     use: ["@svgr/webpack"],
-    //   }
-    // );
-
-    // // Modify the file loader rule to ignore *.svg, since we have it handled now.
-    // fileLoaderRule.exclude = /\.svg$/i;
-
-    // return config;
-
-    config.module?.rules.push({
-      test: /\.svg$/,
-      issuer: {
-        and: [/\.(js|ts|jsx|tsx)$/],
-      },
-      use: [
-        {
-          loader: "@svgr/webpack",
-          options: {
-            // здесь вы можете указать настройки для svgr, если необходимо
-          },
-        },
-      ],
-    });
-
-    return config;
-  },
 };
 
 export default nextConfig;

src/views/main/index.tsx

@@ -3,7 +3,7 @@ import styles from "./styles.module.css";
 import { useState } from "react";
 import { Navigation } from "@/features/navigation";
 import { Hello } from "@/widgets/hello";
-import { DockPanel } from "@/features/dock";
+// import { DockPanel } from "@/features/dock";
 
 export const MainPage = () => {
   const [currentTabValue, setCurrentTabValue] = useState(0);
@@ -46,9 +46,7 @@ export const MainPage = () => {
         onChange={(value) => handleTabChange(value)}
       />
       <main className={styles.main}>{components[currentTabValue].render}</main>
-      <div className={styles.dock}>
-        <DockPanel />
-      </div>
+      <div className={styles.dock}>{/* <DockPanel /> */}</div>
     </div>
   );
 };