Merge pull request #36 from nico-i/feat/cms-update-+-better-projects

feat: better projects and cms

gatsby-config.ts

@@ -33,9 +33,6 @@ const strapiConfig = {
     },
     {
       singularName: `contact-link`,
-      queryParams: {
-        locale: defaultLanguage,
-      },
     },
     {
       singularName: `skill`,
@@ -49,6 +46,9 @@ const strapiConfig = {
         locale: `all`,
       },
     },
+    {
+      singularName: `project-link`,
+    },
   ],
   singleTypes: [],
   i18n: {
@@ -71,6 +71,7 @@ const config: GatsbyConfig = {
     `gatsby-plugin-image`,
     `gatsby-plugin-sharp`,
     `gatsby-transformer-sharp`,
+    `gatsby-transformer-inline-svg`,
     {
       resolve: `gatsby-source-filesystem`,
       options: {

locales/de/common.json

@@ -8,6 +8,9 @@
       "help": "nutze ESC oder den X-Button zum Beenden",
       "help-mobile": "nutze den X-Button zum Beenden",
       "summary": "Zusammenfassung",
+      "tech-stack": "Technologie-Stack",
+      "time-frame": "Zeitrahmen",
+      "work-hours": "Arbeitsstunden insgesamt",
       "tldr": "Kurzbeschreibung",
       "read-more": "Mehr lesen",
       "show-less": "Weniger anzeigen"

locales/en/common.json

@@ -8,6 +8,9 @@
       "help": "use ESC or the X button to exit",
       "help-mobile": "use X button to exit",
       "summary": "Summary",
+      "tech-stack": "Tech Stack",
+      "time-frame": "Time Frame",
+      "work-hours": "Total Work Hours",
       "tldr": "TL;DR",
       "read-more": "Read more",
       "show-less": "Show less"

package.json

@@ -35,6 +35,7 @@
     "gatsby-plugin-sharp": "5.13.0",
     "gatsby-source-filesystem": "5.13.0",
     "gatsby-source-strapi": "3.3.1",
+    "gatsby-transformer-inline-svg": "1.2.0",
     "gatsby-transformer-remark": "6.13.0",
     "gatsby-transformer-sharp": "5.13.0",
     "i18next": "23.7.13",

src/components/Button/TextButton/TextButton.tsx

@@ -18,8 +18,7 @@ export const TextButton = ({
       className={clsx(
         `underline
         decoration-2
-        font-bold     
-        `,
+        font-bold`,
         className,
       )}
     >

src/components/Button/TextButton/index.ts

@@ -0,0 +1 @@
+export * from './TextButton';

src/components/Button/index.ts

@@ -1 +1,2 @@
 export * from './Button';
+export * from './TextButton';

src/components/Cli/files/html/contact/contact.tsx

@@ -8,11 +8,14 @@ const ContactRun = () => {
     query GetContactLinks {
       allStrapiContactLink {
         nodes {
-          icon_link {
-            id
-            text
-            url
-            svgHtml
+          username
+          url
+          svg {
+            localFile {
+              svg {
+                content
+              }
+            }
           }
         }
       }
@@ -21,28 +24,35 @@ const ContactRun = () => {
 
   const iconClasses = `
     inline-block
+    text-neutral-0
     mr-2
     w-5
     h-5
     `;
 
-  const iconLinks: ContactLink[] = data.allStrapiContactLink.nodes.map(
-    (node: any) => node.icon_link,
+  const contactLinks: ContactLink[] = data.allStrapiContactLink.nodes.map(
+    (node: any): ContactLink => {
+      return {
+        username: node.username,
+        url: node.url,
+        svgHtml: node.svg.localFile.svg.content,
+      };
+    },
   );
 
   return (
     <div className="flex flex-col justify-start gap-1">
-      {iconLinks.map((iconLink, i: number) => {
-        const { svgHtml, text, url } = iconLink;
+      {contactLinks.map((contactLink, i: number) => {
+        const { svgHtml, username, url } = contactLink;
         return (
-          <div key={`${text}-${i}`} className="flex items-center">
+          <div key={`${username}-${i}`} className="flex items-center">
             <span
               dangerouslySetInnerHTML={{
                 __html: svgHtml,
               }}
               className={iconClasses}
             />
-            <Link href={url}>{text}</Link>
+            <Link href={url}>{username}</Link>
           </div>
         );
       })}

src/components/Cli/files/html/contact/types.ts

@@ -1,9 +1,7 @@
 export const ContactLinkCollectionName = `ContactLink`;
 
-export interface IconLink {
+export interface ContactLink {
   url: string;
-  text: string;
+  username: string;
   svgHtml: string;
 }
-
-export interface ContactLink extends IconLink {}