diff --git a/packages/repl/src/components/settings/AccountsTab.tsx b/packages/repl/src/components/settings/AccountsTab.tsx index 148903c..944a4a6 100644 --- a/packages/repl/src/components/settings/AccountsTab.tsx +++ b/packages/repl/src/components/settings/AccountsTab.tsx @@ -298,7 +298,7 @@ export function AccountsTab() { return accounts() } - return accounts().filter((account) => { + return accounts()?.filter((account) => { return account.name.toLowerCase().includes(query) || account.telegramId.toString().includes(query) }) }) @@ -306,7 +306,7 @@ export function AccountsTab() { return ( <> No accounts yet diff --git a/packages/repl/src/components/settings/import/tdata/TdataImportDialog.tsx b/packages/repl/src/components/settings/import/tdata/TdataImportDialog.tsx index 1a3f6c0..3747118 100644 --- a/packages/repl/src/components/settings/import/tdata/TdataImportDialog.tsx +++ b/packages/repl/src/components/settings/import/tdata/TdataImportDialog.tsx @@ -25,7 +25,7 @@ export function TdataImportDialog(props: { const [error, setError] = createSignal('') const [loading, setLoading] = createSignal(false) - const accountExists = (id: number) => $accounts.get().some(it => it.telegramId === id) + const accountExists = (id: number) => $accounts.get()?.some(it => it.telegramId === id) let abortController: AbortController | undefined const handleSubmit = async () => { diff --git a/packages/repl/src/store/accounts.ts b/packages/repl/src/store/accounts.ts index 6eb2dc5..cf17e74 100644 --- a/packages/repl/src/store/accounts.ts +++ b/packages/repl/src/store/accounts.ts @@ -2,13 +2,13 @@ import type { TelegramAccount } from 'mtcute-repl-worker/client' import { computed } from 'nanostores' import { linkedAtom } from './link.ts' -export const $accounts = linkedAtom('accounts') +export const $accounts = linkedAtom('accounts') export const $activeAccountId = linkedAtom('activeAccountId') export const $activeAccount = computed([$accounts, $activeAccountId], (accounts, activeAccountId) => { if (!activeAccountId) return null - const account = accounts.find(account => account.id === activeAccountId) + const account = accounts?.find(account => account.id === activeAccountId) if (!account) return null return account