converted to components

2026-02-27 16:07:26 +08:00
parent 2e772b2044
commit ce8649733f
15 changed files with 338 additions and 430 deletions
--- a/frontend/src/app/components/icons/roles.jsx
+++ b/frontend/src/app/components/icons/roles.jsx
@@ -0,0 +1,53 @@
+import React from "react";
+
+const RolesIcon = (props) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+    >
+      <g clipPath="url(#clip0_306_15337)">
+        <path
+          d="M10.6205 9.86809C10.4245 9.9532 10.2131 9.99711 9.99942 9.99711C9.78573 9.99711 9.57434 9.9532 9.37835 9.86809L1.8462 6.37952C1.72389 6.31783 1.62111 6.2234 1.54929 6.10675C1.47748 5.99009 1.43945 5.85579 1.43945 5.7188C1.43945 5.58181 1.47748 5.44751 1.54929 5.33086C1.62111 5.21421 1.72389 5.11979 1.8462 5.05809L9.37835 1.54309C9.57434 1.45798 9.78573 1.41406 9.99942 1.41406C10.2131 1.41406 10.4245 1.45798 10.6205 1.54309L18.1526 5.03166C18.275 5.09336 18.3778 5.18779 18.4495 5.30443C18.5214 5.42108 18.5593 5.55538 18.5593 5.69237C18.5593 5.82937 18.5214 5.96366 18.4495 6.08032C18.3778 6.19697 18.275 6.2914 18.1526 6.35309L10.6205 9.86809Z"
+          stroke="#858699"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+        <path
+          d="M18.5887 10.4629L10.528 14.1761C10.3559 14.2546 10.1688 14.2953 9.97962 14.2953C9.79041 14.2953 9.60338 14.2546 9.43123 14.1761L1.41016 10.4629"
+          stroke="#858699"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+        <path
+          d="M18.5887 14.7578L10.528 18.471C10.3559 18.5495 10.1688 18.5902 9.97962 18.5902C9.79041 18.5902 9.60338 18.5495 9.43123 18.471L1.41016 14.7578"
+          stroke="#858699"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          style={{ strokeOpacity: 1 }}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_306_15337">
+          <rect
+            width="20"
+            height="20"
+            fill="white"
+            style={{ fillOpacity: 1 }}
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default RolesIcon;