mirror of
https://github.com/Termix-SSH/Termix.git
synced 2026-10-29 14:45:24 +00:00
feat: move the terminal fully into the ssh-terminal plugin (B9)
This commit is contained in:
1 parent
535126fd1b
commit
79d77678c9
309 files changed
+41789
-14958
No files matched your search
@@ -2,9 +2,21 @@ import { useTranslation } from "react-i18next";
|
||||
import { FolderTree, Server, TerminalSquare } from "lucide-react";
|
||||
|
||||
const HIGHLIGHTS = [
|
||||
{ icon: Server, key: "hosts" },
|
||||
{ icon: TerminalSquare, key: "terminal" },
|
||||
{ icon: FolderTree, key: "files" },
|
||||
{
|
||||
icon: Server,
|
||||
titleKey: "onboarding.welcome_hosts",
|
||||
descKey: "onboarding.welcome_hosts_desc",
|
||||
},
|
||||
{
|
||||
icon: TerminalSquare,
|
||||
titleKey: "onboarding.welcome_terminal",
|
||||
descKey: "onboarding.welcome_terminal_desc",
|
||||
},
|
||||
{
|
||||
icon: FolderTree,
|
||||
titleKey: "onboarding.welcome_files",
|
||||
descKey: "onboarding.welcome_files_desc",
|
||||
},
|
||||
] as const;
|
||||
|
||||
export function WelcomeStep() {
|
||||
@@ -17,18 +29,16 @@ export function WelcomeStep() {
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col gap-1.5">
|
||||
{HIGHLIGHTS.map(({ icon: Icon, key }) => (
|
||||
{HIGHLIGHTS.map(({ icon: Icon, titleKey, descKey }) => (
|
||||
<div
|
||||
key={key}
|
||||
key={titleKey}
|
||||
className="flex items-start gap-2.5 border border-border bg-card p-2.5"
|
||||
>
|
||||
<Icon size={14} className="mt-0.5 shrink-0 text-accent-brand" />
|
||||
<div className="flex flex-col gap-0.5">
|
||||
<span className="text-xs font-medium">
|
||||
{t(`onboarding.welcome_${key}`)}
|
||||
</span>
|
||||
<span className="text-xs font-medium">{t(titleKey)}</span>
|
||||
<span className="text-[10px] leading-snug text-muted-foreground">
|
||||
{t(`onboarding.welcome_${key}_desc`)}
|
||||
{t(descKey)}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user