import { Stack, FormControl, FormLabel, Flex } from '@chakra-ui/react' import { EditableEmojiOrImageIcon } from 'components/shared/EditableEmojiOrImageIcon' import { Input } from 'components/shared/Textbox' import { useWorkspace } from 'contexts/WorkspaceContext' import React from 'react' export const WorkspaceSettingsForm = () => { const { workspace, updateWorkspace } = useWorkspace() const handleNameChange = (name: string) => { if (!workspace?.id) return updateWorkspace(workspace?.id, { name }) } const handleChangeIcon = (icon: string) => { if (!workspace?.id) return updateWorkspace(workspace?.id, { icon }) } return ( Icon Name {workspace && ( )} ) }