feat(organization): change clipboard icon (#550)

Author: douglasduteil

packages/~/app/ui/src/icon/Copy.tsx

@@ -0,0 +1,23 @@
+//
+
+import type { JSX } from "hono/jsx";
+
+//
+// From https://icon-sets.iconify.design/ph/copy-thin/
+//
+export function PhCopyThin(props: JSX.HTMLAttributes) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      className="size-4"
+      viewBox="0 0 256 256"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M216 36H88a4 4 0 0 0-4 4v44H40a4 4 0 0 0-4 4v128a4 4 0 0 0 4 4h128a4 4 0 0 0 4-4v-44h44a4 4 0 0 0 4-4V40a4 4 0 0 0-4-4m-52 176H44V92h120Zm48-48h-40V88a4 4 0 0 0-4-4H92V44h120Z"
+      ></path>
+    </svg>
+  );
+}

packages/~/organizations/api/src/domaines/Page.tsx

@@ -1,8 +1,8 @@
 import { hyper_ref } from "@~/app.core/html";
 import { Pagination_Schema } from "@~/app.core/schema";
-import { button } from "@~/app.ui/button";
 import { copy_text_content_to_clipboard } from "@~/app.ui/button/scripts";
 import { Foot } from "@~/app.ui/hx_table";
+import { PhCopyThin } from "@~/app.ui/icon/Copy";
 import { row } from "@~/app.ui/table";
 import { urls } from "@~/app.urls";
 import type { get_unverified_domains_dto } from "@~/organizations.repository/get_unverified_domains";
@@ -138,10 +138,12 @@ function Row({
       <td>
         <span id={$domain}> {domain} </span>
         <button
-          class={button({ intent: "ghost" })}
+          aria-hidden="true"
+          class="leading-none"
+          title="Copier le nom de domaine"
           _={copy_text_content_to_clipboard(`#${$domain}`)}
         >
-          📋
+          <PhCopyThin />
         </button>
       </td>
       <td>{organization.siret}</td>