diff --git a/components/settings/folder-settings.tsx b/components/settings/folder-settings.tsx index afc7878d..992c524e 100644 --- a/components/settings/folder-settings.tsx +++ b/components/settings/folder-settings.tsx @@ -99,11 +99,17 @@ function IconPicker({ currentIcon, onSelect, onClose }: { export function FolderSettings() { const t = useTranslations('settings.folders'); const { client } = useAuthStore(); - const { mailboxes, createMailbox, renameMailbox, deleteMailbox, setMailboxRole } = useEmailStore(); + const { mailboxes, fetchMailboxes, createMailbox, renameMailbox, deleteMailbox, setMailboxRole } = useEmailStore(); const { folderIcons, setFolderIcon } = useSettingsStore(); const { isFeatureEnabled } = usePolicyStore(); const folderIconsAllowed = isFeatureEnabled('folderIconsEnabled'); + useEffect(() => { + if (client && mailboxes.length === 0) { + fetchMailboxes(client); + } + }, [client, mailboxes.length, fetchMailboxes]); + const [isCreating, setIsCreating] = useState(false); const [creatingParentId, setCreatingParentId] = useState(null); const [newFolderName, setNewFolderName] = useState('');