fix bug

koodo-reader · Dec 2, 2023 · c47c4ed · c47c4ed
1 parent c545a4e
commit c47c4ed
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/pages/manager/component.tsx b/src/pages/manager/component.tsx
@@ -13,6 +13,7 @@ import { Trans } from "react-i18next";
 import StorageUtil from "../../utils/serviceUtils/storageUtil";
 import AddFavorite from "../../utils/readUtils/addFavorite";
 import SettingDialog from "../../components/dialogs/settingDialog";
+import { isMobile } from "react-device-detect";
 import { Route, Switch, Redirect } from "react-router-dom";
 import { routes } from "../../router/routes";
 import Arrow from "../../components/arrow";
@@ -77,6 +78,35 @@ class Manager extends React.Component<ManagerProps, ManagerState> {
   };
   render() {
     let { books } = this.props;
+    if (isMobile && document.location.href.indexOf("192.168") === -1) {
+      return (
+        <>
+          <p className="waring-title">
+            <Trans>Warning</Trans>
+          </p>
+          <div className="mobile-warning">
+            <span>
+              <Trans>
+                For better user experince, please visit this site on a computer
+              </Trans>
+            </span>
+          </div>
+          <div>
+            <img
+              src={
+                StorageUtil.getReaderConfig("appSkin") === "night" ||
+                (StorageUtil.getReaderConfig("appSkin") === "system" &&
+                  StorageUtil.getReaderConfig("isOSNight") === "yes")
+                  ? "./assets/empty_light.svg"
+                  : "./assets/empty.svg"
+              }
+              alt=""
+              className="waring-pic"
+            />
+          </div>
+        </>
+      );
+    }
     return (
       <div
         className="manager"