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