Use remote-hand-over icon for connect buttons

This commit is contained in:
Shantur Rathore
2025-12-03 22:04:01 +00:00
parent 6d7bc813ed
commit aad1337111
2 changed files with 8 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
import { Component, createSignal, Show, For, onMount, onCleanup, createEffect } from "solid-js"
import { Folder, Clock, Trash2, FolderPlus, Settings, ChevronRight, Share2 } from "lucide-solid"
import { Folder, Clock, Trash2, FolderPlus, Settings, ChevronRight, Cast } from "lucide-solid"
import { useConfig } from "../stores/preferences"
import AdvancedSettingsModal from "./advanced-settings-modal"
import DirectoryBrowserDialog from "./directory-browser-dialog"
@@ -237,7 +237,7 @@ const FolderSelectionView: Component<FolderSelectionViewProps> = (props) => {
class="selector-button selector-button-secondary inline-flex items-center gap-2"
onClick={() => props.onOpenRemoteAccess?.()}
>
<Share2 class="w-4 h-4" />
<Cast class="w-4 h-4" />
<span>Remote connect</span>
</button>
</div>

View File

@@ -2,7 +2,7 @@ import { Component, For, Show } from "solid-js"
import type { Instance } from "../types/instance"
import InstanceTab from "./instance-tab"
import KeyboardHint from "./keyboard-hint"
import { Plus, Share2 } from "lucide-solid"
import { Plus, Cast } from "lucide-solid"
import { keyboardRegistry } from "../lib/keyboard-registry"
interface InstanceTabsProps {
@@ -42,11 +42,13 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
<button
class="new-tab-button"
onClick={() => props.onOpenRemoteAccess?.()}
title="Remote access"
aria-label="Remote access"
title="Remote connect"
aria-label="Remote connect"
>
<Share2 class="w-4 h-4" />
<Cast class="w-4 h-4" />
Remote connect
</button>
</Show>
</div>
<Show when={Array.from(props.instances.entries()).length > 1}>