From 070956ba1a73dfea82ee1e35fab5ffcd07a7fbee Mon Sep 17 00:00:00 2001
From: Malo BEAUCHAMPS <malo.beauchamps@axopen.com>
Date: Mon, 21 Oct 2024 14:02:33 +0200
Subject: [PATCH] feat: port copy and tps

---
 src/pages/Dashboard.tsx | 14 ++++++++------
 src/pages/Instances.tsx | 15 ++++++++-------
 src/pages/Practical.tsx | 12 ++++++++++++
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 72cad8f..458d535 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -69,12 +69,14 @@ function Dashboard() {
                         <p className="text-lg">Linked to: {instance.tp.name}</p>
                       )}
                       <div className="card-actions justify-end">
-                        <Link
-                          to={`/instances/${instance.id}`}
-                          className="btn btn-primary"
-                        >
-                          Learn More
-                        </Link>
+                        {false && (
+                          <Link
+                            to={`/instances/${instance.id}`}
+                            className="btn btn-primary"
+                          >
+                            Learn More
+                          </Link>
+                        )}
                         {instance.tp && (
                           <Link
                             to={`/tps/${instance.tp.id}`}
diff --git a/src/pages/Instances.tsx b/src/pages/Instances.tsx
index d0a7324..d96c6f3 100644
--- a/src/pages/Instances.tsx
+++ b/src/pages/Instances.tsx
@@ -1,6 +1,5 @@
 import { useEffect, useState } from "react";
 import axios from "axios";
-import Card from "../component/Card/Card";
 import { Link } from "react-router-dom";
 
 function Instances() {
@@ -27,12 +26,14 @@ function Instances() {
                 <p className="text-lg">Linked to: {instance.tp.name}</p>
               )}
               <div className="card-actions justify-end">
-                <Link
-                  to={`/instances/${instance.id}`}
-                  className="btn btn-primary"
-                >
-                  Learn More
-                </Link>
+                {false && (
+                  <Link
+                    to={`/instances/${instance.id}`}
+                    className="btn btn-primary"
+                  >
+                    Learn More
+                  </Link>
+                )}
                 {instance.tp && (
                   <Link
                     to={`/tps/${instance.tp.id}`}
diff --git a/src/pages/Practical.tsx b/src/pages/Practical.tsx
index 6fd57ee..aad2fc1 100644
--- a/src/pages/Practical.tsx
+++ b/src/pages/Practical.tsx
@@ -82,6 +82,18 @@ function Practical() {
                         </div>
                       </div>
                     </li>
+                    <li className="flex justify-between align-middle items-center">
+                      <span>Port:</span>
+                      <div
+                        className="flex gap-2 items-center"
+                        onClick={() => copyText(tp.port)}
+                      >
+                        <span className="font-medium">{tp.port}</span>
+                        <div className="h-8 w-8 hover:bg-base-100 align-middle cursor-pointer flex items-center justify-center rounded">
+                          <ClipboardIcon className="size-6" />
+                        </div>
+                      </div>
+                    </li>
                     <li className="flex justify-between align-middle items-center">
                       <span>Password:</span>
                       <div