diff --git a/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx deleted file mode 100644 index 6a79f854a8d..00000000000 --- a/frontend/src/pages/OnboardingFlow/Steps/CustomLogo/index.jsx +++ /dev/null @@ -1,140 +0,0 @@ -import useLogo from "@/hooks/useLogo"; -import System from "@/models/system"; -import showToast from "@/utils/toast"; -import { Plus } from "@phosphor-icons/react"; -import React, { useState, useEffect } from "react"; -import AnythingLLM from "@/media/logo/anything-llm.png"; -import paths from "@/utils/paths"; -import { useNavigate } from "react-router-dom"; - -const TITLE = "Custom Logo"; -const DESCRIPTION = - "Upload your custom logo to make your chatbot yours. Optional."; - -export default function CustomLogo({ setHeader, setForwardBtn, setBackBtn }) { - const navigate = useNavigate(); - function handleForward() { - navigate(paths.onboarding.userSetup()); - } - - function handleBack() { - navigate(paths.onboarding.llmPreference()); - } - - useEffect(() => { - setHeader({ title: TITLE, description: DESCRIPTION }); - setForwardBtn({ showing: true, disabled: false, onClick: handleForward }); - setBackBtn({ showing: true, disabled: false, onClick: handleBack }); - }, []); - - const { logo: _initLogo, setLogo: _setLogo } = useLogo(); - const [logo, setLogo] = useState(""); - const [isDefaultLogo, setIsDefaultLogo] = useState(true); - - useEffect(() => { - async function logoInit() { - setLogo(_initLogo || ""); - const _isDefaultLogo = await System.isDefaultLogo(); - setIsDefaultLogo(_isDefaultLogo); - } - logoInit(); - }, [_initLogo]); - - const handleFileUpload = async (event) => { - const file = event.target.files[0]; - if (!file) return false; - - const objectURL = URL.createObjectURL(file); - setLogo(objectURL); - - const formData = new FormData(); - formData.append("logo", file); - const { success, error } = await System.uploadLogo(formData); - if (!success) { - showToast(`Failed to upload logo: ${error}`, "error"); - setLogo(_initLogo); - return; - } - - const logoURL = await System.fetchLogo(); - _setLogo(logoURL); - setIsDefaultLogo(false); - }; - - const handleRemoveLogo = async () => { - setLogo(""); - setIsDefaultLogo(true); - - const { success, error } = await System.removeCustomLogo(); - if (!success) { - console.error("Failed to remove logo:", error); - showToast(`Failed to remove logo: ${error}`, "error"); - const logoURL = await System.fetchLogo(); - setLogo(logoURL); - setIsDefaultLogo(false); - return; - } - - const logoURL = await System.fetchLogo(); - _setLogo(logoURL); - }; - - return ( -
-
- {isDefaultLogo ? ( - - ) : ( -
- (e.target.src = AnythingLLM)} - /> -
- )} - {!isDefaultLogo ? ( - - ) : ( - - )} -
-
- ); -} diff --git a/frontend/src/pages/OnboardingFlow/Steps/LLMPreference/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/LLMPreference/index.jsx index b9e0f5bb1d7..0b756fc2cda 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/LLMPreference/index.jsx +++ b/frontend/src/pages/OnboardingFlow/Steps/LLMPreference/index.jsx @@ -203,7 +203,7 @@ export default function LLMPreference({ showToast(`Failed to save LLM settings: ${error}`, "error"); return; } - navigate(paths.onboarding.customLogo()); + navigate(paths.onboarding.userSetup()); }; useEffect(() => { diff --git a/frontend/src/pages/OnboardingFlow/Steps/UserSetup/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/UserSetup/index.jsx index 2e619e39570..6cc41428aff 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/UserSetup/index.jsx +++ b/frontend/src/pages/OnboardingFlow/Steps/UserSetup/index.jsx @@ -29,7 +29,7 @@ export default function UserSetup({ setHeader, setForwardBtn, setBackBtn }) { } function handleBack() { - navigate(paths.onboarding.customLogo()); + navigate(paths.onboarding.llmPreference()); } useEffect(() => { diff --git a/frontend/src/pages/OnboardingFlow/Steps/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/index.jsx index f223c026858..903395a773c 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/index.jsx +++ b/frontend/src/pages/OnboardingFlow/Steps/index.jsx @@ -3,7 +3,6 @@ import { useState } from "react"; import { isMobile } from "react-device-detect"; import Home from "./Home"; import LLMPreference from "./LLMPreference"; -import CustomLogo from "./CustomLogo"; import UserSetup from "./UserSetup"; import DataHandling from "./DataHandling"; import Survey from "./Survey"; @@ -12,7 +11,6 @@ import CreateWorkspace from "./CreateWorkspace"; const OnboardingSteps = { home: Home, "llm-preference": LLMPreference, - "custom-logo": CustomLogo, "user-setup": UserSetup, "data-handling": DataHandling, survey: Survey, diff --git a/frontend/src/utils/paths.js b/frontend/src/utils/paths.js index 339ecf439be..4dc4d528504 100644 --- a/frontend/src/utils/paths.js +++ b/frontend/src/utils/paths.js @@ -23,9 +23,6 @@ export default { vectorDatabase: () => { return "/onboarding/vector-database"; }, - customLogo: () => { - return "/onboarding/custom-logo"; - }, userSetup: () => { return "/onboarding/user-setup"; },