From 556bb9248192a503e601cfd193a8a67f2a8caeb0 Mon Sep 17 00:00:00 2001
From: polina4096 <polina4096@yandex.ru>
Date: Sun, 19 Jan 2025 21:21:41 +0300
Subject: [PATCH] Disable "connect" action if no accounts are logged

---
 packages/repl/src/components/runner/Runner.tsx | 3 ++-
 packages/repl/src/store/accounts.ts            | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/repl/src/components/runner/Runner.tsx b/packages/repl/src/components/runner/Runner.tsx
index 19cd2d9..18b0fe8 100644
--- a/packages/repl/src/components/runner/Runner.tsx
+++ b/packages/repl/src/components/runner/Runner.tsx
@@ -279,6 +279,7 @@ export function Runner(props: { isResizing: boolean }) {
               <DropdownMenuItem
                 onClick={connectionState() === 'offline' ? handleConnect : handleDisconnect}
                 class="text-xs"
+                disabled={currentAccountId() === undefined}
               >
                 <Dynamic
                   component={connectionState() === 'offline' ? LucidePlug : LucideUnplug}
@@ -335,7 +336,7 @@ export function Runner(props: { isResizing: boolean }) {
           </DropdownMenu>
         </div>
       </div>
-      <div class="h-px shrink-0 bg-border" />
+      <div class="bg-border h-px shrink-0" />
       <Devtools
         class={cn('size-full grow-0', props.isResizing && 'pointer-events-none')}
         iframeRef={setDevtoolsIframe}
diff --git a/packages/repl/src/store/accounts.ts b/packages/repl/src/store/accounts.ts
index 8e6d22a..6eb2dc5 100644
--- a/packages/repl/src/store/accounts.ts
+++ b/packages/repl/src/store/accounts.ts
@@ -3,7 +3,7 @@ import { computed } from 'nanostores'
 import { linkedAtom } from './link.ts'
 
 export const $accounts = linkedAtom<TelegramAccount[]>('accounts')
-export const $activeAccountId = linkedAtom<string>('activeAccountId')
+export const $activeAccountId = linkedAtom<string | undefined>('activeAccountId')
 
 export const $activeAccount = computed([$accounts, $activeAccountId], (accounts, activeAccountId) => {
   if (!activeAccountId) return null