diff --git a/.prettierrc b/.prettierrc index 8616ed2..5311ef4 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,6 +1,6 @@ { "singleQuote": false, - "tabWidth": 2, + "tabWidth": 1, "useTabs": false, "trailingComma": "all", "bracketSpacing": true, diff --git a/library/package.json b/library/package.json index 6211073..c1d11ad 100644 --- a/library/package.json +++ b/library/package.json @@ -1,58 +1,58 @@ { - "name": "@react-symbols/icons", - "version": "1.2.0", - "description": "Symbols icons by Miguel Solorio for React", - "keywords": [ - "react", - "icons", - "svg", - "icons", - "lightweight" - ], - "author": "@pheralb_", - "repository": { - "type": "git", - "url": "https://github.com/pheralb/react-symbols.git" + "name": "@react-symbols/icons", + "version": "1.2.1", + "description": "Symbols icons by Miguel Solorio for React", + "keywords": [ + "react", + "icons", + "svg", + "icons", + "lightweight" + ], + "author": "@pheralb_", + "repository": { + "type": "git", + "url": "https://github.com/pheralb/react-symbols.git" + }, + "contributors": [ + { + "name": "pheralb", + "github": "https://github.com/pheralb" }, - "contributors": [ - { - "name": "pheralb", - "github": "https://github.com/pheralb" - }, - { - "name": "miguelsolorio", - "github": "https://github.com/miguelsolorio" - } - ], - "license": "MIT", - "main": "build/index.js", - "module": "build/index.js", - "types": "build/index.d.ts", - "typings": "build/index.d.ts", - "type": "module", - "files": [ - "build" - ], - "scripts": { - "dev": "tsc && swc ./src -d ./build", - "build:swc-tsc": "tsc && swc ./src -d ./build && tsc --emitDeclarationOnly --declaration --outDir build/types", - "build": "tsc && swc ./src -d ./build", - "prepublishOnly": "npm run build", - "typecheck": "tsc --noEmit" - }, - "devDependencies": { - "@swc/cli": "0.1.62", - "@swc/core": "1.3.61", - "@types/node": "18.16.3", - "@types/react": "18.2.8", - "@types/react-dom": "18.2.4", - "react": "18.2.0", - "react-dom": "18.2.0", - "tsup": "6.7.0", - "typescript": "5.1.3" - }, - "peerDependencies": { - "react": ">=16.8.0", - "react-dom": ">=16.8.0" + { + "name": "miguelsolorio", + "github": "https://github.com/miguelsolorio" } + ], + "license": "MIT", + "main": "build/index.js", + "module": "build/index.js", + "types": "build/index.d.ts", + "typings": "build/index.d.ts", + "type": "module", + "files": [ + "build" + ], + "scripts": { + "dev": "tsc && swc ./src -d ./build", + "build:swc-tsc": "tsc && swc ./src -d ./build && tsc --emitDeclarationOnly --declaration --outDir build/types", + "build": "tsc && swc ./src -d ./build", + "prepublishOnly": "npm run build", + "typecheck": "tsc --noEmit" + }, + "devDependencies": { + "@swc/cli": "0.1.62", + "@swc/core": "1.3.61", + "@types/node": "18.16.3", + "@types/react": "18.2.8", + "@types/react-dom": "18.2.4", + "react": "18.2.0", + "react-dom": "18.2.0", + "tsup": "6.7.0", + "typescript": "5.1.3" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } } diff --git a/library/src/index.ts b/library/src/index.ts index 2a01d98..a010b7a 100644 --- a/library/src/index.ts +++ b/library/src/index.ts @@ -119,11 +119,26 @@ export { default as RescriptInterface } from "./library/rescriptInterface.js" export { default as Netlify } from "./library/netlify.js" export { default as EditorConfig } from "./library/editorConfig.js" export { default as Deno } from "./library/deno.js" +export { default as Babel } from "./library/babel.js" +export { default as Coldfusion } from "./library/coldfusion.js" +export { default as Erlang } from "./library/erlang.js" +export { default as Font } from "./library/font.js" +export { default as H } from "./library/h.js" +export { default as Haml } from "./library/haml.js" +export { default as Jenkins } from "./library/jenkins.js" +export { default as Laravel } from "./library/laravel.js" +export { default as Liquid } from "./library/liquid.js" +export { default as MDX } from "./library/mdx.js" +export { default as Nix } from "./library/nix.js" +export { default as Nunjucks } from "./library/nunjucks.js" +export { default as VanillaExtract } from "./library/vanillaextract.js" +export { default as VisualStudio } from "./library/visualstudio.js" // Folders => export { default as Folder } from "./library/folders/folder.js" export { default as FolderAssets } from "./library/folders/folderAssets.js" +export { default as FolderApp } from "./library/folders/folderApp.js" export { default as FolderBlue } from "./library/folders/folderBlue.js" export { default as FolderBlueCode } from "./library/folders/folderBlueCode.js" export { default as FolderBlueOutline } from "./library/folders/folderBlueOutline.js" diff --git a/library/src/library/babel.tsx b/library/src/library/babel.tsx new file mode 100644 index 0000000..9fc5340 --- /dev/null +++ b/library/src/library/babel.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const Audio: FC> = (props) => ( + + + +) + +export default Audio \ No newline at end of file diff --git a/library/src/library/coldfusion.tsx b/library/src/library/coldfusion.tsx new file mode 100644 index 0000000..53b3c11 --- /dev/null +++ b/library/src/library/coldfusion.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const Coldfusion: FC> = (props) => ( + + + +) + +export default Coldfusion \ No newline at end of file diff --git a/library/src/library/erlang.tsx b/library/src/library/erlang.tsx new file mode 100644 index 0000000..06c6876 --- /dev/null +++ b/library/src/library/erlang.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const Erlang: FC> = (props) => ( + + + +) + +export default Erlang diff --git a/library/src/library/folders/folderApp.tsx b/library/src/library/folders/folderApp.tsx new file mode 100644 index 0000000..3b160f6 --- /dev/null +++ b/library/src/library/folders/folderApp.tsx @@ -0,0 +1,25 @@ +import type { ComponentProps, FC } from "react" + +const FolderApp: FC> = (props) => ( + + + + +) + +export default FolderApp \ No newline at end of file diff --git a/library/src/library/font.tsx b/library/src/library/font.tsx new file mode 100644 index 0000000..93e8a8d --- /dev/null +++ b/library/src/library/font.tsx @@ -0,0 +1,21 @@ +import type { ComponentProps, FC } from "react" + +const Font: FC> = (props) => ( + + + + + + + + + + +) + +export default Font \ No newline at end of file diff --git a/library/src/library/h.tsx b/library/src/library/h.tsx new file mode 100644 index 0000000..718e5c4 --- /dev/null +++ b/library/src/library/h.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const H: FC> = (props) => ( + + + +) + +export default H \ No newline at end of file diff --git a/library/src/library/haml.tsx b/library/src/library/haml.tsx new file mode 100644 index 0000000..a9fc1a6 --- /dev/null +++ b/library/src/library/haml.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const Haml: FC> = (props) => ( + + + +) + +export default Haml \ No newline at end of file diff --git a/library/src/library/jenkins.tsx b/library/src/library/jenkins.tsx new file mode 100644 index 0000000..df26c86 --- /dev/null +++ b/library/src/library/jenkins.tsx @@ -0,0 +1,199 @@ +import type { ComponentProps, FC } from "react" + +const Jenkins: FC> = (props) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default Jenkins \ No newline at end of file diff --git a/library/src/library/laravel.tsx b/library/src/library/laravel.tsx new file mode 100644 index 0000000..c516c15 --- /dev/null +++ b/library/src/library/laravel.tsx @@ -0,0 +1,19 @@ +import type { ComponentProps, FC } from "react" + +const Laravel: FC> = (props) => ( + + + +) + +export default Laravel \ No newline at end of file diff --git a/library/src/library/liquid.tsx b/library/src/library/liquid.tsx new file mode 100644 index 0000000..fd6cc84 --- /dev/null +++ b/library/src/library/liquid.tsx @@ -0,0 +1,18 @@ +import type { ComponentProps, FC } from "react" + +const Liquid: FC> = (props) => ( + + + +) + +export default Liquid \ No newline at end of file diff --git a/library/src/library/mdx.tsx b/library/src/library/mdx.tsx new file mode 100644 index 0000000..adc943a --- /dev/null +++ b/library/src/library/mdx.tsx @@ -0,0 +1,22 @@ +import type { ComponentProps, FC } from "react" + +const MarkdownX: FC> = (props) => ( + + + + +) + +export default MarkdownX \ No newline at end of file diff --git a/library/src/library/nix.tsx b/library/src/library/nix.tsx new file mode 100644 index 0000000..82ae5b3 --- /dev/null +++ b/library/src/library/nix.tsx @@ -0,0 +1,17 @@ +import type { ComponentProps, FC } from "react" + +const Nix: FC> = (props) => ( + + + +) + +export default Nix \ No newline at end of file diff --git a/library/src/library/nunjucks.tsx b/library/src/library/nunjucks.tsx new file mode 100644 index 0000000..8f263be --- /dev/null +++ b/library/src/library/nunjucks.tsx @@ -0,0 +1,34 @@ +import type { ComponentProps, FC } from "react" + +const Nunjucks: FC> = (props) => ( + + + + + +) + +export default Nunjucks \ No newline at end of file diff --git a/library/src/library/vanillaextract.tsx b/library/src/library/vanillaextract.tsx new file mode 100644 index 0000000..bed2960 --- /dev/null +++ b/library/src/library/vanillaextract.tsx @@ -0,0 +1,63 @@ +import type { ComponentProps, FC } from "react" + +const VanillaExtract: FC> = (props) => ( + + + + + + + + + + + + + + +) + +export default VanillaExtract \ No newline at end of file diff --git a/library/src/library/visualstudio.tsx b/library/src/library/visualstudio.tsx new file mode 100644 index 0000000..8a2955a --- /dev/null +++ b/library/src/library/visualstudio.tsx @@ -0,0 +1,34 @@ +import type { ComponentProps, FC } from "react" + +const VisualStudio: FC> = (props) => ( + + + + + + + +) + +export default VisualStudio \ No newline at end of file diff --git a/website/src/components/icons/figma.tsx b/website/src/components/icons/figma.tsx new file mode 100644 index 0000000..7ca0aca --- /dev/null +++ b/website/src/components/icons/figma.tsx @@ -0,0 +1,14 @@ +import type { ComponentProps, FC } from "react" + +const Figma: FC> = (props) => ( + + + +) + +export default Figma \ No newline at end of file diff --git a/website/src/components/sidebar/index.tsx b/website/src/components/sidebar/index.tsx index 72f7a9d..800039d 100644 --- a/website/src/components/sidebar/index.tsx +++ b/website/src/components/sidebar/index.tsx @@ -4,8 +4,11 @@ import { Folder, FolderOpen, Github, NPM, Symbols } from "@react-symbols/icons" import SidebarItem from "./item" import ExternalLink from "../externalLink" + +// Custom Icons: import VSCode from "../icons/vscode" import Twitter from "../icons/twitter" +import Figma from "../icons/figma" interface SidebarProps { children: ReactNode @@ -76,6 +79,13 @@ const SidebarContent = () => { external={true} /> + + } + text="Figma" + external={true} + /> +
diff --git a/website/src/data/svgs.ts b/website/src/data/svgs.ts index ee34254..85e3fdb 100644 --- a/website/src/data/svgs.ts +++ b/website/src/data/svgs.ts @@ -1,153 +1,167 @@ import * as ReactSymbols from "@react-symbols/icons" -import type { iSVG } from "@/types/svgs.type" -export const Icons: iSVG[] = [ - { 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 }, - { name: "BracketsOrange", icon: ReactSymbols.BracketsOrange }, - { name: "BracketsPurple", icon: ReactSymbols.BracketsPurple }, - { name: "BracketsRed", icon: ReactSymbols.BracketsRed }, - { name: "BracketsSky", icon: ReactSymbols.BracketsSky }, - { name: "BracketsYellow", icon: ReactSymbols.BracketsYellow }, - { name: "C", icon: ReactSymbols.C }, - { name: "Capacitor", icon: ReactSymbols.Capacitor }, - { name: "Cypress", icon: ReactSymbols.Cypress }, - { name: "Clojure", icon: ReactSymbols.Clojure }, - { name: "CodeBlue", icon: ReactSymbols.CodeBlue }, - { name: "CodeGray", icon: ReactSymbols.CodeGray }, - { name: "CodeGreen", icon: ReactSymbols.CodeGreen }, - { name: "CodeOrange", icon: ReactSymbols.CodeOrange }, - { name: "CodePurple", icon: ReactSymbols.CodePurple }, - { name: "CodeRed", icon: ReactSymbols.CodeRed }, - { name: "CodeSky", icon: ReactSymbols.CodeSky }, - { name: "CodeYellow", icon: ReactSymbols.CodeYellow }, - { name: "Coffeescript", icon: ReactSymbols.CoffeeScript }, - { name: "Cplus", icon: ReactSymbols.Cplus }, - { 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 }, - { name: "Git", icon: ReactSymbols.Git }, - { name: "Github", icon: ReactSymbols.Github }, - { name: "Go", icon: ReactSymbols.Go }, - { name: "GoMod", icon: ReactSymbols.GoMod }, - { name: "Gradle", icon: ReactSymbols.Gradle }, - { name: "Graphql", icon: ReactSymbols.Graphql }, - { name: "Gulp", icon: ReactSymbols.Gulp }, - { name: "Hugo", icon: ReactSymbols.Hugo }, - { name: "Ignore", icon: ReactSymbols.Ignore }, - { name: "Image", icon: ReactSymbols.Image }, - { name: "Ionic", icon: ReactSymbols.Ionic }, - { name: "Java", icon: ReactSymbols.Java }, - { name: "Jest", icon: ReactSymbols.Jest }, - { name: "Js", icon: ReactSymbols.Js }, - { name: "JsTest", icon: ReactSymbols.JsTest }, - { name: "Julia", icon: ReactSymbols.Julia }, - { name: "JuliaMarkdown", icon: ReactSymbols.JuliaMarkdown }, - { name: "Kotlin", icon: ReactSymbols.Kotlin }, - { name: "License", icon: ReactSymbols.License }, - { name: "Lua", icon: ReactSymbols.Lua }, - { name: "Markdown", icon: ReactSymbols.Markdown }, - { name: "Next", icon: ReactSymbols.Next }, - { name: "Node", icon: ReactSymbols.Node }, - { name: "Notebook", icon: ReactSymbols.Notebook }, - { name: "Nodemon", icon: ReactSymbols.Nodemon }, - { 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 }, - { name: "Pug", icon: ReactSymbols.Pug }, - { 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 }, - { name: "ReactTest", icon: ReactSymbols.ReactTest }, - { name: "Robot", icon: ReactSymbols.Robot }, - { name: "Ruby", icon: ReactSymbols.Ruby }, - { name: "Rust", icon: ReactSymbols.Rust }, - { name: "Sass", icon: ReactSymbols.Sass }, - { name: "Sbt", icon: ReactSymbols.Sbt }, - { name: "Scala", icon: ReactSymbols.Scala }, - { name: "Shell", icon: ReactSymbols.Shell }, - { name: "Storybook", icon: ReactSymbols.Storybook }, - { name: "Stylus", icon: ReactSymbols.Stylus }, - { name: "Symbols", icon: ReactSymbols.Symbols }, - { name: "Svelte", icon: ReactSymbols.Svelte }, - { name: "Svg", icon: ReactSymbols.SVG }, - { name: "Swift", icon: ReactSymbols.Swift }, - { name: "Supabase", icon: ReactSymbols.Supabase }, - { 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 }, - { name: "Deno", icon: ReactSymbols.Deno }, - { name: "Vercel", icon: ReactSymbols.Vercel }, - { name: "Netlify", icon: ReactSymbols.Netlify }, - { name: "Nest", icon: ReactSymbols.Nest }, - { name: "EditorConfig", icon: ReactSymbols.EditorConfig }, - { name: "Rescript", icon: ReactSymbols.Rescript }, - { name: "RescriptInterface", icon: ReactSymbols.RescriptInterface }, +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 }, + { name: "BracketsOrange", icon: ReactSymbols.BracketsOrange }, + { name: "BracketsPurple", icon: ReactSymbols.BracketsPurple }, + { name: "BracketsRed", icon: ReactSymbols.BracketsRed }, + { name: "BracketsSky", icon: ReactSymbols.BracketsSky }, + { name: "BracketsYellow", icon: ReactSymbols.BracketsYellow }, + { name: "C", icon: ReactSymbols.C }, + { name: "Capacitor", icon: ReactSymbols.Capacitor }, + { name: "Cypress", icon: ReactSymbols.Cypress }, + { name: "Clojure", icon: ReactSymbols.Clojure }, + { name: "CodeBlue", icon: ReactSymbols.CodeBlue }, + { name: "CodeGray", icon: ReactSymbols.CodeGray }, + { name: "CodeGreen", icon: ReactSymbols.CodeGreen }, + { name: "CodeOrange", icon: ReactSymbols.CodeOrange }, + { name: "CodePurple", icon: ReactSymbols.CodePurple }, + { name: "CodeRed", icon: ReactSymbols.CodeRed }, + { name: "CodeSky", icon: ReactSymbols.CodeSky }, + { name: "CodeYellow", icon: ReactSymbols.CodeYellow }, + { name: "Coffeescript", icon: ReactSymbols.CoffeeScript }, + { name: "Cplus", icon: ReactSymbols.Cplus }, + { 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 }, + { name: "Git", icon: ReactSymbols.Git }, + { name: "Github", icon: ReactSymbols.Github }, + { name: "Go", icon: ReactSymbols.Go }, + { name: "GoMod", icon: ReactSymbols.GoMod }, + { name: "Gradle", icon: ReactSymbols.Gradle }, + { name: "Graphql", icon: ReactSymbols.Graphql }, + { name: "Gulp", icon: ReactSymbols.Gulp }, + { name: "Hugo", icon: ReactSymbols.Hugo }, + { name: "Ignore", icon: ReactSymbols.Ignore }, + { name: "Image", icon: ReactSymbols.Image }, + { name: "Ionic", icon: ReactSymbols.Ionic }, + { name: "Java", icon: ReactSymbols.Java }, + { name: "Jest", icon: ReactSymbols.Jest }, + { name: "Js", icon: ReactSymbols.Js }, + { name: "JsTest", icon: ReactSymbols.JsTest }, + { name: "Julia", icon: ReactSymbols.Julia }, + { name: "JuliaMarkdown", icon: ReactSymbols.JuliaMarkdown }, + { name: "Kotlin", icon: ReactSymbols.Kotlin }, + { name: "License", icon: ReactSymbols.License }, + { name: "Lua", icon: ReactSymbols.Lua }, + { name: "Markdown", icon: ReactSymbols.Markdown }, + { name: "Next", icon: ReactSymbols.Next }, + { name: "Node", icon: ReactSymbols.Node }, + { name: "Notebook", icon: ReactSymbols.Notebook }, + { name: "Nodemon", icon: ReactSymbols.Nodemon }, + { 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 }, + { name: "Pug", icon: ReactSymbols.Pug }, + { 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 }, + { name: "ReactTest", icon: ReactSymbols.ReactTest }, + { name: "Robot", icon: ReactSymbols.Robot }, + { name: "Ruby", icon: ReactSymbols.Ruby }, + { name: "Rust", icon: ReactSymbols.Rust }, + { name: "Sass", icon: ReactSymbols.Sass }, + { name: "Sbt", icon: ReactSymbols.Sbt }, + { name: "Scala", icon: ReactSymbols.Scala }, + { name: "Shell", icon: ReactSymbols.Shell }, + { name: "Storybook", icon: ReactSymbols.Storybook }, + { name: "Stylus", icon: ReactSymbols.Stylus }, + { name: "Symbols", icon: ReactSymbols.Symbols }, + { name: "Svelte", icon: ReactSymbols.Svelte }, + { name: "Svg", icon: ReactSymbols.SVG }, + { name: "Swift", icon: ReactSymbols.Swift }, + { name: "Supabase", icon: ReactSymbols.Supabase }, + { 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 }, + { name: "Deno", icon: ReactSymbols.Deno }, + { name: "Vercel", icon: ReactSymbols.Vercel }, + { name: "Netlify", icon: ReactSymbols.Netlify }, + { name: "Nest", icon: ReactSymbols.Nest }, + { name: "EditorConfig", icon: ReactSymbols.EditorConfig }, + { name: "Rescript", icon: ReactSymbols.Rescript }, + { name: "RescriptInterface", icon: ReactSymbols.RescriptInterface }, + { name: "Babel", icon: ReactSymbols.Babel }, + { name: "Coldfusion", icon: ReactSymbols.Coldfusion }, + { name: "Erlang", icon: ReactSymbols.Erlang }, + { name: "Font", icon: ReactSymbols.Font }, + { name: "H", icon: ReactSymbols.H }, + { name: "Haml", icon: ReactSymbols.Haml }, + { name: "Jenkins", icon: ReactSymbols.Jenkins }, + { name: "Liquid", icon: ReactSymbols.Liquid }, + { name: "Laravel", icon: ReactSymbols.Laravel }, + { name: "MDX", icon: ReactSymbols.MDX }, + { name: "Nix", icon: ReactSymbols.Nix }, + { name: "Nunjucks", icon: ReactSymbols.Nunjucks }, + { name: "VanillaExtract", icon: ReactSymbols.VanillaExtract }, + { name: "VisualStudio", icon: ReactSymbols.VisualStudio }, ] export const Folders = [ - { name: "Folder", icon: ReactSymbols.Folder }, - { name: "FolderOpen", icon: ReactSymbols.FolderOpen }, - { name: "FolderAssets", icon: ReactSymbols.FolderAssets }, - { name: "FolderBlue", icon: ReactSymbols.FolderBlue }, - { name: "FolderBlueCode", icon: ReactSymbols.FolderBlueCode }, - { name: "FolderBlueOutline", icon: ReactSymbols.FolderBlueOutline }, - { name: "FolderGray", icon: ReactSymbols.FolderGray }, - { name: "FolderGrayCode", icon: ReactSymbols.FolderGrayCode }, - { name: "FolderGrayOutline", icon: ReactSymbols.FolderGrayOutline }, - { name: "FolderGreen", icon: ReactSymbols.FolderGreen }, - { name: "FolderGreenCode", icon: ReactSymbols.FolderGreenCode }, - { name: "FolderGreenOutline", icon: ReactSymbols.FolderGreenOutline }, - { name: "FolderOrange", icon: ReactSymbols.FolderOrange }, - { name: "FolderOrangeCode", icon: ReactSymbols.FolderOrangeCode }, - { name: "FolderOrangeOutline", icon: ReactSymbols.FolderOrangeOutline }, - { name: "FolderPurple", icon: ReactSymbols.FolderPurple }, - { name: "FolderPurpleCode", icon: ReactSymbols.FolderPurpleCode }, - { name: "FolderPurpleOutline", icon: ReactSymbols.FolderPurpleOutline }, - { name: "FolderRed", icon: ReactSymbols.FolderRed }, - { name: "FolderRedCode", icon: ReactSymbols.FolderRedCode }, - { name: "FolderRedOutline", icon: ReactSymbols.FolderRedOutline }, - { name: "FolderSky", icon: ReactSymbols.FolderSky }, - { name: "FolderSkyCode", icon: ReactSymbols.FolderSkyCode }, - { name: "FolderSkyOutline", icon: ReactSymbols.FolderSkyOutline }, - { name: "FolderSrc", icon: ReactSymbols.FolderSrc }, - { name: "FolderConfig", icon: ReactSymbols.FolderConfig }, + { name: "Folder", icon: ReactSymbols.Folder }, + { name: "FolderApp", icon: ReactSymbols.FolderApp }, + { name: "FolderOpen", icon: ReactSymbols.FolderOpen }, + { name: "FolderAssets", icon: ReactSymbols.FolderAssets }, + { name: "FolderBlue", icon: ReactSymbols.FolderBlue }, + { name: "FolderBlueCode", icon: ReactSymbols.FolderBlueCode }, + { name: "FolderBlueOutline", icon: ReactSymbols.FolderBlueOutline }, + { name: "FolderGray", icon: ReactSymbols.FolderGray }, + { name: "FolderGrayCode", icon: ReactSymbols.FolderGrayCode }, + { name: "FolderGrayOutline", icon: ReactSymbols.FolderGrayOutline }, + { name: "FolderGreen", icon: ReactSymbols.FolderGreen }, + { name: "FolderGreenCode", icon: ReactSymbols.FolderGreenCode }, + { name: "FolderGreenOutline", icon: ReactSymbols.FolderGreenOutline }, + { name: "FolderOrange", icon: ReactSymbols.FolderOrange }, + { name: "FolderOrangeCode", icon: ReactSymbols.FolderOrangeCode }, + { name: "FolderOrangeOutline", icon: ReactSymbols.FolderOrangeOutline }, + { name: "FolderPurple", icon: ReactSymbols.FolderPurple }, + { name: "FolderPurpleCode", icon: ReactSymbols.FolderPurpleCode }, + { name: "FolderPurpleOutline", icon: ReactSymbols.FolderPurpleOutline }, + { name: "FolderRed", icon: ReactSymbols.FolderRed }, + { name: "FolderRedCode", icon: ReactSymbols.FolderRedCode }, + { name: "FolderRedOutline", icon: ReactSymbols.FolderRedOutline }, + { name: "FolderSky", icon: ReactSymbols.FolderSky }, + { 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/routes/_index.tsx b/website/src/routes/_index.tsx index 4aefe38..466ba84 100644 --- a/website/src/routes/_index.tsx +++ b/website/src/routes/_index.tsx @@ -4,7 +4,6 @@ import Container from "@/components/container" import Search from "@/components/search" import { Icons } from "@/data/svgs" -import type { iSVG } from "@/types/svgs.type" import Card from "@/components/card" export const meta: V2_MetaFunction = () => { @@ -31,8 +30,7 @@ export default function Index() {
{filteredIcons .sort((iconA, iconB) => (iconA.name > iconB.name ? 1 : -1)) - .map(({ name, icon: SVGIcon }: iSVG) => ( - //@ts-ignore + .map(({ name, icon: SVGIcon }) => ( } /> ))}
diff --git a/website/src/routes/folders.tsx b/website/src/routes/folders.tsx index a9d7d8f..aa4342e 100644 --- a/website/src/routes/folders.tsx +++ b/website/src/routes/folders.tsx @@ -4,7 +4,6 @@ import Container from "@/components/container" import Search from "@/components/search" import { Folders } from "@/data/svgs" -import type { iSVG } from "@/types/svgs.type" import Card from "@/components/card" export const meta: V2_MetaFunction = () => { @@ -21,7 +20,7 @@ export default function FoldersPage() { return ( setSearch(e.target.value)} autoFocus @@ -31,8 +30,7 @@ export default function FoldersPage() {
{filteredIcons .sort((iconA, iconB) => (iconA.name > iconB.name ? 1 : -1)) - .map(({ name, icon: SVGIcon }: iSVG) => ( - //@ts-ignore + .map(({ name, icon: SVGIcon }) => ( } /> ))}
diff --git a/website/src/types/svgs.type.ts b/website/src/types/svgs.type.ts deleted file mode 100644 index 7e342fe..0000000 --- a/website/src/types/svgs.type.ts +++ /dev/null @@ -1,6 +0,0 @@ -import type { ElementType, ReactNode } from "react" - -export interface iSVG { - name: string - icon: ReactNode | ElementType -}