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 { 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 { useConfig } from "../stores/preferences"
import AdvancedSettingsModal from "./advanced-settings-modal" import AdvancedSettingsModal from "./advanced-settings-modal"
import DirectoryBrowserDialog from "./directory-browser-dialog" 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" class="selector-button selector-button-secondary inline-flex items-center gap-2"
onClick={() => props.onOpenRemoteAccess?.()} onClick={() => props.onOpenRemoteAccess?.()}
> >
<Share2 class="w-4 h-4" /> <Cast class="w-4 h-4" />
<span>Remote connect</span> <span>Remote connect</span>
</button> </button>
</div> </div>

View File

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