web: fix broken build

apps/web/src/app-effects.jsx

@@ -43,7 +43,7 @@ import useSystemTheme from "./hooks/use-system-theme";
 import { isTesting } from "./utils/platform";
 import { updateStatus, removeStatus, getStatus } from "./hooks/use-status";
 import { showToast } from "./utils/toast";
-import { interruptedOnboarding } from "./components/dialog/onboarding-dialog";
+import { interruptedOnboarding } from "./dialogs/onboarding-dialog";
 import { hashNavigate } from "./navigation";
 import { desktop } from "./common/desktop-bridge";
 

apps/web/src/components/properties/toggle.jsx

@@ -17,9 +17,8 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-import { Flex, Text } from "@theme-ui/components";
+import { Flex, Switch, Text } from "@theme-ui/components";
 import { useStore } from "../../stores/editor-store";
-import Switch from "../switch";
 
 function Toggle(props) {
   const { icon: ToggleIcon, label, onToggle, toggleKey } = props;

apps/web/src/components/search/index.jsx

@@ -18,7 +18,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
 import { Search } from "../icons";
-import "./search.css";
 import Field from "../field";
 import { debounce } from "@notesnook/common";
 

apps/web/src/components/search/search.css

@@ -1,3 +0,0 @@
-#searchInput:focus + #searchIcon {
-  color: var(--primary);
-}

apps/web/src/components/switch/index.jsx

@@ -1,35 +0,0 @@
-/*
-This file is part of the Notesnook project (https://notesnook.com/)
-
-Copyright (C) 2023 Streetwriters (Private) Limited
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import ReactToggle from "react-toggle";
-import "react-toggle/style.css";
-import "./style.css";
-
-function Switch({ checked, onClick }) {
-  return (
-    <ReactToggle
-      size={20}
-      onChange={() => {}}
-      onClick={onClick}
-      checked={checked}
-      icons={false}
-    />
-  );
-}
-export default Switch;

apps/web/src/components/switch/style.css

@@ -1,34 +0,0 @@
-.react-toggle {
-  display: flex;
-  align-items: center;
-}
-
-.react-toggle-thumb {
-  box-shadow: none;
-}
-
-.react-toggle-track {
-  width: 30px;
-  height: 18px;
-}
-
-.react-toggle-thumb {
-  width: 16px;
-  height: 16px;
-  top: 11.5px;
-  left: 1px;
-  margin-top: 1px;
-}
-
-.react-toggle--checked .react-toggle-thumb {
-  left: 13px;
-  border-color: var(--primary);
-}
-
-.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
-  box-shadow: none;
-}
-
-.react-toggle--focus .react-toggle-thumb {
-  box-shadow: none;
-}

apps/web/src/components/toggle/index.jsx

@@ -21,8 +21,7 @@ import { useCallback, useState } from "react";
 import { showBuyDialog } from "../../common/dialog-controller";
 import Tip from "../tip";
 import { isUserPremium } from "../../hooks/use-is-user-premium";
-import { Flex } from "@theme-ui/components";
-import Switch from "../switch";
+import { Flex, Switch } from "@theme-ui/components";
 import { Loading } from "../icons";
 
 function Toggle(props) {

apps/web/src/components/topic/index.jsx

@@ -23,7 +23,7 @@ import { db } from "../../common/db";
 import { store as appStore } from "../../stores/app-store";
 import { hashNavigate } from "../../navigation";
 import { Flex, Text } from "@theme-ui/components";
-import { Edit, Topic, Shortcut, Trash } from "../icons";
+import { Edit, Topic as TopicIcon, Shortcut, Trash } from "../icons";
 import { Multiselect } from "../../common/multi-select";
 import { confirm } from "../../common/dialog-controller";
 import { useStore as useNotesStore } from "../../stores/note-store";
@@ -86,7 +86,7 @@ const menuItems = [
         defaultNotebook?.topic === topic.id
       );
     },
-    icon: Topic,
+    icon: TopicIcon,
     onClick: async ({ topic }) => {
       const defaultNotebook = db.settings.getDefaultNotebook();
       const isDefault =

apps/web/src/dialogs/announcement-dialog.jsx

@@ -20,7 +20,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import Modal from "react-modal";
 import { useTheme } from "@emotion/react";
 import { Flex } from "@theme-ui/components";
-import AnnouncementBody from "../announcements/body";
+import AnnouncementBody from "../components/announcements/body";
 import { store as announcementStore } from "../stores/announcement-store";
 import { useCallback } from "react";
 

apps/web/src/dialogs/onboarding-dialog.jsx

@@ -38,12 +38,12 @@ import GooglePlay from "../assets/play.png";
 import AppleStore from "../assets/apple.png";
 import { useStore as useThemeStore } from "../stores/theme-store";
 import { Checkbox, Label } from "@theme-ui/components";
-import { Features } from "../announcements/body";
+import { Features } from "../components/announcements/body";
 import { showBuyDialog } from "../common/dialog-controller";
 import { TaskManager } from "../common/task-manager";
 import { db } from "../common/db";
 import { usePersistentState } from "../hooks/use-persistent-state";
-import AccentItem from "../accent-item";
+import AccentItem from "../components/accent-item";
 import { useCallback, useState } from "react";
 import Config from "../utils/config";
 import { getAllAccents } from "@notesnook/theme";