feat: icons

Author: manfromexistence

README.md

@@ -15,7 +15,3 @@ Please read the [contributing guide](/CONTRIBUTING.md).
 ## License
 
 Licensed under the [MIT license](https://github.com/manfromexistence/ui/blob/main/LICENSE.md).
-
-```
-I am react Nextjs developer. So, please explain this vuejs code to me and guide me how to do in nextjs typescript ```
-```

apps/www/app/(internal)/icons/[id]/page.tsx

@@ -74,9 +74,9 @@ function IconGrid({
         return (
           <div
             key={iconName}
-            className="group flex flex-col items-center justify-center rounded-lg py-1.5 transition-colors hover:bg-primary-foreground"
+            className="group flex h-10 w-10 flex-col items-center justify-center rounded-lg transition-colors hover:bg-primary-foreground"
           >
-            <div className="flex h-8 w-8 items-center justify-center">
+            <div className="flex items-center justify-center">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox={`0 0 ${width} ${height}`}
@@ -102,7 +102,7 @@ export default async function IconsPage({ params }: PageProps) {
     notFound();
   }
 
-  const iconsFilePath = path.join(process.cwd(), 'public', 'icons', `${params.id}.json`);
+  const iconsFilePath = path.join(process.cwd(), 'data', 'icons', `${params.id}.json`);
   const iconData = await getIconsData(iconsFilePath);
 
   if (!iconData) {