refine page actions UX

Author: notrab

docs/ensnode.io/src/components/atoms/icons/ChevronDownIcon.tsx

@@ -0,0 +1,16 @@
+import type { SVGProps } from "react";
+
+export const ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="m6 9 6 6 6-6" />
+  </svg>
+);

docs/ensnode.io/src/components/atoms/icons/CopyIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+
+export const CopyIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <rect x="9" y="9" width="13" height="13" rx="2" />
+    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+  </svg>
+);

docs/ensnode.io/src/components/atoms/icons/FileTextIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+export const FileTextIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+    <polyline points="14 2 14 8 20 8" />
+    <line x1="8" y1="13" x2="16" y2="13" />
+    <line x1="8" y1="17" x2="16" y2="17" />
+  </svg>
+);

docs/ensnode.io/src/components/atoms/icons/LinkIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+
+export const LinkIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07L12 5" />
+    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07L12 19" />
+  </svg>
+);

docs/ensnode.io/src/components/atoms/icons/SparklesIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+export const SparklesIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M12 3v4" />
+    <path d="M12 17v4" />
+    <path d="M3 12h4" />
+    <path d="M17 12h4" />
+    <path d="m5.64 5.64 2.83 2.83" />
+    <path d="m15.53 15.53 2.83 2.83" />
+    <path d="m5.64 18.36 2.83-2.83" />
+    <path d="m15.53 8.47 2.83-2.83" />
+  </svg>
+);