direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-07-02 22:46:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

#591 - server-settings

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-31 20:33:36 +02:00
parent 0b7dd1732b
commit 41388dafbf
16 changed files with 507 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/components/command-cell.tsx → resources/js/components/copyable-badge.tsx
View File

@ -2,10 +2,10 @@ import React, { useState } from 'react';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { Badge } from '@/components/ui/badge';
export default function CommandCell({ command }: { command: string }) {
export default function CopyableBadge({ text }: { text: string }) {
const [copySuccess, setCopySuccess] = useState(false);
const copyToClipboard = () => {
navigator.clipboard.writeText(command).then(() => {
navigator.clipboard.writeText(text).then(() => {
setCopySuccess(true);
setTimeout(() => {
setCopySuccess(false);
@ -18,7 +18,7 @@ export default function CommandCell({ command }: { command: string }) {
<TooltipTrigger asChild>
<div className="inline-flex cursor-pointer justify-start space-x-2 truncate" onClick={copyToClipboard}>
<Badge variant={copySuccess ? 'success' : 'outline'} className="block max-w-[150px] overflow-ellipsis">
{command}
{text}
</Badge>
</div>
</TooltipTrigger>