feat: added clipboard functionality to copy IP address from badge in services pages

This commit is contained in:
vishalkadam47
2025-01-29 13:09:58 +05:30
parent dc9a194bbe
commit d8f1548076
2 changed files with 17 additions and 2 deletions

View File

@@ -51,7 +51,7 @@ import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, useEffect, type ReactElement } from "react";
import { toast } from "sonner";
import superjson from "superjson";
import superjson from "superjson";
type TabState =
| "projects"
@@ -139,6 +139,13 @@ const Service = (
<div className="flex flex-col h-fit w-fit gap-2">
<div className="flex flex-row h-fit w-fit gap-2">
<Badge
className="cursor-pointer"
onClick={() => {
if (data?.server?.ipAddress) {
navigator.clipboard.writeText(data.server.ipAddress);
toast.success("IP Address Copied!");
}
}}
variant={
!data?.serverId
? "default"

View File

@@ -44,6 +44,7 @@ import Link from "next/link";
import { useRouter } from "next/router";
import React, { useState, useEffect, type ReactElement } from "react";
import superjson from "superjson";
import { toast } from "sonner";
type TabState =
| "projects"
@@ -131,6 +132,13 @@ const Service = (
<div className="flex flex-col h-fit w-fit gap-2">
<div className="flex flex-row h-fit w-fit gap-2">
<Badge
className="cursor-pointer"
onClick={() => {
if (data?.server?.ipAddress) {
navigator.clipboard.writeText(data.server.ipAddress);
toast.success("IP Address Copied!");
}
}}
variant={
!data?.serverId
? "default"
@@ -142,7 +150,7 @@ const Service = (
{data?.server?.name || "Dokploy Server"}
</Badge>
{data?.server?.serverStatus === "inactive" && (
<TooltipProvider delayDuration={0}>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Label className="break-all w-fit flex flex-row gap-1 items-center">