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 ( +
+

+ Loading... +

+
+ ) +} 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"),] }