diff --git a/src/components/Common/PageAssistLoader.tsx b/src/components/Common/PageAssistLoader.tsx
new file mode 100644
index 0000000..f98e014
--- /dev/null
+++ b/src/components/Common/PageAssistLoader.tsx
@@ -0,0 +1,10 @@
+
+export const PageAssistLoader = () => {
+ return (
+
+ )
+}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 4d5459f..47c4cdd 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -4,6 +4,7 @@ import { useDarkMode } from "~/hooks/useDarkmode"
import { Skeleton } from "antd"
import { OptionRoutingChrome, SidepanelRoutingChrome } from "./chrome"
import { OptionRoutingFirefox, SidepanelRoutingFirefox } from "./firefox"
+import { PageAssistLoader } from "@/components/Common/PageAssistLoader"
export const OptionRouting = () => {
const { mode } = useDarkMode()
@@ -14,7 +15,7 @@ export const OptionRouting = () => {
className={`${mode === "dark" ? "dark" : "light"} ${
i18n.language === "ru" ? "onest" : "inter"
}`}>
- }>
+ }>
{import.meta.env.BROWSER === "chrome" ? (
) : (
@@ -34,7 +35,7 @@ export const SidepanelRouting = () => {
className={`${mode === "dark" ? "dark" : "light"} ${
i18n.language === "ru" ? "onest" : "inter"
}`}>
- }>
+ }>
{import.meta.env.BROWSER === "chrome" ? (
) : (
diff --git a/tailwind.config.js b/tailwind.config.js
index a30235c..f4b105c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,5 +3,5 @@ module.exports = {
mode: "jit",
darkMode: "class",
content: ["./src/**/*.tsx"],
- plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")]
+ plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography"),]
}