cenvert to component

This commit is contained in:
Laux Dev
2026-02-27 16:33:37 +08:00
parent ce8649733f
commit 67d9ebf11f
14 changed files with 394 additions and 295 deletions

View File

@@ -10,6 +10,7 @@ import UserIcon from "../icons/user";
import RolesIcon from "../icons/roles";
import CredentialsIcon from "../icons/credentials";
import AgentIcon from "../icons/agent";
import DownloadIcon from "../icons/download";
const Sidebar = () => {
const router = useRouter();
@@ -153,50 +154,7 @@ const Sidebar = () => {
<div>
<div>
<p>Download ICTL v3</p>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<g clipPath="url(#clip0_306_15402)">
<path
d="M7.98047 13.6074L11.9983 17.6253L16.0162 13.6074"
stroke="#8287FF"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
style={{ strokeOpacity: 1 }}
/>
<path
d="M12 17.625V6.375"
stroke="#8287FF"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
style={{ strokeOpacity: 1 }}
/>
<path
d="M11.9992 22.4466C17.7686 22.4466 22.4456 17.7696 22.4456 12.0001C22.4456 6.23074 17.7686 1.55371 11.9992 1.55371C6.22976 1.55371 1.55273 6.23074 1.55273 12.0001C1.55273 17.7696 6.22976 22.4466 11.9992 22.4466Z"
stroke="#8287FF"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
style={{ strokeOpacity: 1 }}
/>
</g>
<defs>
<clipPath id="clip0_306_15402">
<rect
width="24"
height="24"
fill="white"
style={{ fillOpacity: 1 }}
/>
</clipPath>
</defs>
</svg>
<DownloadIcon />
</div>
</div>
</div>