copyToClipboard(`<${props.name} />`)}
>
{props.icon}
diff --git a/website/src/components/command/index.tsx b/website/src/components/command/index.tsx
index f224a54..e3d5435 100644
--- a/website/src/components/command/index.tsx
+++ b/website/src/components/command/index.tsx
@@ -11,7 +11,7 @@ const Command = () => {
await navigator.clipboard.writeText(txt);
}
toast("Copied to clipboard", {
- icon: "๐๐",
+ icon: "๐",
style: {
borderRadius: "10px",
background: "#121212",
diff --git a/website/src/components/header/index.tsx b/website/src/components/header/index.tsx
index 17136e8..04a358c 100644
--- a/website/src/components/header/index.tsx
+++ b/website/src/components/header/index.tsx
@@ -2,7 +2,7 @@ import Command from "../command";
const Header = () => (
-
+
Symbols by Miguel Solorio
diff --git a/website/src/data/icons.ts b/website/src/data/icons.ts
index 975aae0..4bde506 100644
--- a/website/src/data/icons.ts
+++ b/website/src/data/icons.ts
@@ -3,6 +3,7 @@ import * as ReactSymbols from "@react-symbols/icons";
export const Icons = [
{ name: "Angular", icon: ReactSymbols.Angular },
{ name: "Astro", icon: ReactSymbols.Astro },
+ { name: "Audio", icon: ReactSymbols.Audio },
{ name: "BracketsBlue", icon: ReactSymbols.BracketsBlue },
{ name: "BracketsGray", icon: ReactSymbols.BracketsGray },
{ name: "BracketsGreen", icon: ReactSymbols.BracketsGreen },
@@ -28,12 +29,14 @@ export const Icons = [
{ name: "Csharp", icon: ReactSymbols.Csharp },
{ name: "Csv", icon: ReactSymbols.Csv },
{ name: "Dart", icon: ReactSymbols.Dart },
+ { name: "Drawio", icon: ReactSymbols.Drawio },
{ name: "Database", icon: ReactSymbols.Database },
{ name: "Docker", icon: ReactSymbols.Docker },
{ name: "Document", icon: ReactSymbols.Document },
{ name: "Dts", icon: ReactSymbols.Dts },
{ name: "Eslint", icon: ReactSymbols.Eslint },
{ name: "Elixir", icon: ReactSymbols.Elixir },
+ { name: "Exe", icon: ReactSymbols.Exe },
{ name: "Firebase", icon: ReactSymbols.Firebase },
{ name: "Fsharp", icon: ReactSymbols.Fsharp },
{ name: "Gear", icon: ReactSymbols.Gear },
@@ -65,6 +68,7 @@ export const Icons = [
{ name: "NPM", icon: ReactSymbols.NPM },
{ name: "Perl", icon: ReactSymbols.Perl },
{ name: "PNPM", icon: ReactSymbols.PNPM },
+ { name: "Patch", icon: ReactSymbols.Patch },
{ name: "Postcss", icon: ReactSymbols.PostCSS },
{ name: "Prettier", icon: ReactSymbols.Prettier },
{ name: "Prisma", icon: ReactSymbols.Prisma },
@@ -72,6 +76,8 @@ export const Icons = [
{ name: "Pulumi", icon: ReactSymbols.Pulumi },
{ name: "Puzzle", icon: ReactSymbols.Puzzle },
{ name: "Python", icon: ReactSymbols.Python },
+ { name: "PHP", icon: ReactSymbols.PHP },
+ { name: "Proto", icon: ReactSymbols.Proto },
{ name: "R", icon: ReactSymbols.R },
{ name: "React", icon: ReactSymbols.Reactjs },
{ name: "ReactTs", icon: ReactSymbols.Reactts },
@@ -92,15 +98,20 @@ export const Icons = [
{ name: "Tailwind", icon: ReactSymbols.Tailwind },
{ name: "Terraform", icon: ReactSymbols.Terraform },
{ name: "Text", icon: ReactSymbols.Text },
+ { name: "Tex", icon: ReactSymbols.Tex },
{ name: "Ts", icon: ReactSymbols.TypeScript },
{ name: "TsTest", icon: ReactSymbols.TsTest },
{ name: "Tsconfig", icon: ReactSymbols.Tsconfig },
{ name: "Vite", icon: ReactSymbols.Vite },
+ { name: "Video", icon: ReactSymbols.Video },
{ name: "Vue", icon: ReactSymbols.Vue },
+ { name: "Vlang", icon: ReactSymbols.Vlang },
{ name: "Webpack", icon: ReactSymbols.Webpack },
{ name: "Xml", icon: ReactSymbols.XML },
{ name: "Yaml", icon: ReactSymbols.Yaml },
{ name: "Yarn", icon: ReactSymbols.Yarn },
+ { name: "Zig", icon: ReactSymbols.Zig },
+ { name: "Http", icon: ReactSymbols.Http },
];
export const Folders = [
@@ -129,4 +140,5 @@ export const Folders = [
{ name: "FolderSkyCode", icon: ReactSymbols.FolderSkyCode },
{ name: "FolderSkyOutline", icon: ReactSymbols.FolderSkyOutline },
{ name: "FolderSrc", icon: ReactSymbols.FolderSrc },
+ { name: "FolderConfig", icon: ReactSymbols.FolderConfig },
];
diff --git a/website/src/root.tsx b/website/src/root.tsx
index ec0c01d..24e498a 100644
--- a/website/src/root.tsx
+++ b/website/src/root.tsx
@@ -12,7 +12,6 @@ import {
// Styles =>
import custom from "@/styles/custom.css";
import tailwindcss from "@/styles/tailwind.css";
-import Header from "./components/header";
import Footer from "./components/footer";
// Metas =>
diff --git a/website/src/routes/index.tsx b/website/src/routes/index.tsx
index dd5cecf..dde924a 100644
--- a/website/src/routes/index.tsx
+++ b/website/src/routes/index.tsx
@@ -1,10 +1,6 @@
import Card from "@/components/card";
-import Command from "@/components/command";
-import Header from "@/components/header";
import { Icons } from "@/data/icons";
-import { NPM } from "@react-symbols/icons";
import { ComponentProps, FC, useState } from "react";
-import toast from "react-hot-toast";
interface IconData {
name: string;