Design improvements

components/header/index.js

@@ -55,21 +55,20 @@ const Header = () => {
             <Hover>
               <Link href="/" passHref>
                 <Flex cursor="pointer">
-                  <chakra.a title="iconr" display="flex" alignItems="center">
+                  <chakra.a title="SVGParty" display="flex" alignItems="center">
                     <Image
                       src="/images/logo.png"
                       boxSize="25px"
-                      alt="iconr logo"
+                      alt="SVGParty logo"
                     />
-                    <VisuallyHidden>iconr</VisuallyHidden>
+                    <VisuallyHidden>SVGParty</VisuallyHidden>
                   </chakra.a>
                   <chakra.h1
-                    fontSize="2xl"
+                    fontSize="1xl"
                     fontWeight="bold"
-                    fontFamily="Eina-Bold"
                     ml="3"
                   >
-                    iconr
+                    SVGParty
                   </chakra.h1>
                 </Flex>
               </Link>
@@ -81,7 +80,7 @@ const Header = () => {
                 display={{ base: "none", md: "inline-flex" }}
               >
                 <Link
-                  href="https://github.com/pheralb/iconr/tree/main/public/library"
+                  href="https://github.com/pheralb/SVGParty/tree/main/public/library"
                   passHref
                 >
                   <Button
@@ -92,7 +91,7 @@ const Header = () => {
                     Library
                   </Button>
                 </Link>
-                <Link href="https://twitter.com/iconrhq" passHref>
+                <Link href="https://twitter.com/SVGPartyhq" passHref>
                   <IconButton
                     aria-label="Twitter profile"
                     bg="transparent"
@@ -101,7 +100,7 @@ const Header = () => {
                     icon={<IoLogoTwitter size="25" />}
                   />
                 </Link>
-                <Link href="https://github.com/pheralb/iconr" passHref>
+                <Link href="https://github.com/pheralb/SVGParty" passHref>
                   <IconButton
                     aria-label="Github Repository"
                     bg="transparent"
@@ -147,7 +146,7 @@ const Header = () => {
                     Close
                   </Button>
                   <Link
-                    href="https://github.com/pheralb/iconr/tree/main/public/library"
+                    href="https://github.com/pheralb/SVGParty/tree/main/public/library"
                     passHref
                   >
                     <Button
@@ -160,7 +159,7 @@ const Header = () => {
                       Library
                     </Button>
                   </Link>
-                  <Link href="https://github.com/pheralb/iconr" passHref>
+                  <Link href="https://github.com/pheralb/SVGParty" passHref>
                     <Button
                       bg="transparent"
                       border="0"

components/items/all.js

@@ -3,7 +3,6 @@ import useSWR from "swr";
 import Grid from "components/grid";
 import Card from "components/card";
 import Loader from "animations/loader";
-import { Text } from "@chakra-ui/react";
 
 const fetcher = (url) => fetch(url).then((res) => res.json());
 
@@ -16,13 +15,12 @@ const All = () => {
       <Grid>
         {data.map((link) => (
           <>
-            <div key={link.id}>
-              <Card
-                title={link.title}
-                url={`/icon/${link.id}`}
-                href={link.href}
-              />
-            </div>
+            <Card
+              key={link.id}
+              title={link.title}
+              url={`/svg/${link.id}`}
+              href={link.href}
+            />
           </>
         ))}
       </Grid>