feat: Add target to categories

211-Connect · Nov 1, 2024 · 122cb22 · 122cb22
1 parent 171bb29
commit 122cb22
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/bin/createAppFromStrapi.js b/bin/createAppFromStrapi.js
@@ -241,11 +241,13 @@ module.exports = function createFromStrapi(dir) {
           return {
             name: cat['name'],
             href: cat['href'],
+            target: cat['target'] || '_blank',
             image:
               matchingCategory?.['image']?.['data']?.['attributes']?.['url'],
             subcategories: cat['subcategories'].map((sub) => ({
               name: sub['name'],
               href: sub['href'],
+              target: sub['target'] || '_blank',
               query: sub['query'],
               queryType: sub['queryType'],
             })),
@@ -263,10 +265,12 @@ module.exports = function createFromStrapi(dir) {
         {
           name: category['name'],
           href: category['href'],
+          target: category['target'] || '_blank',
           image: category['image']?.['data']?.['attributes']?.['url'],
           subcategories: category['subcategories'].map((sub) => ({
             name: sub['name'],
             href: sub['href'],
+            target: sub['target'] || '_blank',
             query: sub['query'],
             queryType: sub['queryType'],
           })),

diff --git a/src/features/home/components/categories-section.tsx b/src/features/home/components/categories-section.tsx
@@ -11,10 +11,11 @@ type Props = {
   name: string;
   image?: string;
   href?: string;
+  target?: string;
   subcategories: any[];
 };
 
-const Category = ({ image, name, href, subcategories }: Props) => {
+const Category = ({ image, name, href, target, subcategories }: Props) => {
   if (subcategories && subcategories.length > 0) {
     return (
       <div className="flex items-start gap-2">
@@ -45,9 +46,14 @@ const Category = ({ image, name, href, subcategories }: Props) => {
                     )}&query_type=${encodeURIComponent(el.queryType)}`
               }`}
               prefetch={false}
+              target={el.target}
             >
               {el.name}
-              {el.href ? <ExternalLink className="size-4" /> : null}
+              {el.target === '_blank' && el.href ? (
+                <ExternalLink className="size-4" />
+              ) : (
+                false
+              )}
             </Link>
           ))}
         </div>
@@ -56,7 +62,7 @@ const Category = ({ image, name, href, subcategories }: Props) => {
   }
 
   return (
-    <Link href={href || '/'} className="group hover:underline">
+    <Link href={href || '/'} className="group hover:underline" target={target}>
       <Card>
         <CardContent>
           {image && (