fix: tags are rendered if something is written

reciperium · Aug 31, 2024 · 522f419 · 522f419
1 parent 14d6bdc
commit 522f419
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/components/recipe-card.tsx b/src/components/recipe-card.tsx
@@ -15,7 +15,8 @@ export default function RecipeCard({ parsedRecipe, rawRecipe }: RecipeProps) {
     parsedRecipe.metadata
       ?.get("tags")
       ?.split(",")
-      .map((t) => t.trim()) || [];
+      .filter((v) => !!v) || [];
+
   return (
     <div className="relative rounded-md border bg-muted p-6 ">
       <div className="absolute top-0 right-0 pt-3 pr-3">
@@ -44,7 +45,9 @@ export default function RecipeCard({ parsedRecipe, rawRecipe }: RecipeProps) {
                   <span>
                     {ref.quantity} {ref.unit}
                   </span>{" "}
-                  <RecipeRef baseUrl={BASE_URL} path={ref.name}>{ref.name}</RecipeRef>
+                  <RecipeRef baseUrl={BASE_URL} path={ref.name}>
+                    {ref.name}
+                  </RecipeRef>
                 </li>
               ))}
             </ul>
@@ -66,7 +69,7 @@ export default function RecipeCard({ parsedRecipe, rawRecipe }: RecipeProps) {
       {parsedRecipe.tokens?.length > 0 && (
         <div className="recipe-content whitespace-pre text-wrap">
           <h2 className="text-lg font-semibold mb-2 ">Instructions</h2>
-          <Instructions tokens={parsedRecipe.tokens} baseUrl={BASE_URL}/>
+          <Instructions tokens={parsedRecipe.tokens} baseUrl={BASE_URL} />
         </div>
       )}
       <div className="flex flex-wrap gap-2 pt-12">