Function Settings

packages/ui/src/views/settings/index.jsx:23–155

({ chatflow, isSettingsOpen, isCustomAssistant, anchorEl, isAgentCanvas, onSettingsItemClick, onUploadFile, onClose })

// ==============================|| SETTINGS ||============================== //

const Settings = ({ chatflow, isSettingsOpen, isCustomAssistant, anchorEl, isAgentCanvas, onSettingsItemClick, onUploadFile, onClose }) => {
    const theme = useTheme()
    const [settingsMenu, setSettingsMenu] = useState([])
    const customization = useSelector((state) => state.customization)
    const inputFile = useRef(null)
    const [open, setOpen] = useState(false)
    const { hasPermission } = useAuth()

    const handleFileUpload = (e) => {
        if (!e.target.files) return

        const file = e.target.files[0]

        const reader = new FileReader()
        reader.onload = (evt) => {
            if (!evt?.target?.result) {
                return
            }
            const { result } = evt.target
            onUploadFile(result)
        }
        reader.readAsText(file)
    }

    useEffect(() => {
        if (chatflow && !chatflow.id) {
            const menus = isAgentCanvas ? agentsettings : settings
            const settingsMenu = menus.children.filter((menu) => menu.id === 'loadChatflow')
            setSettingsMenu(settingsMenu)
        } else if (chatflow && chatflow.id) {
            if (isCustomAssistant) {
                const menus = customAssistantSettings
                setSettingsMenu(menus.children)
            } else {
                const menus = isAgentCanvas ? agentsettings : settings
                setSettingsMenu(menus.children)
            }
        }
    }, [chatflow, isAgentCanvas, isCustomAssistant])

    useEffect(() => {
        setOpen(isSettingsOpen)
    }, [isSettingsOpen])

    // settings list items
    const items = settingsMenu.map((menu) => {
        if (menu.permission && !hasPermission(menu.permission)) {
            return null
        }
        const Icon = menu.icon
        const itemIcon = menu?.icon ? (
            <Icon stroke={1.5} size='1.3rem' />
        ) : (
            <FiberManualRecordIcon
                sx={{
                    width: customization.isOpen.findIndex((id) => id === menu?.id) > -1 ? 8 : 6,
                    height: customization.isOpen.findIndex((id) => id === menu?.id) > -1 ? 8 : 6
                }}