fix index bug by adding missing items to the list

Samasource · Sep 28, 2023 · 55f1179 · 55f1179
1 parent e54c73f
commit 55f1179
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/recipes/3d-cuboid-recipe-index.js b/recipes/3d-cuboid-recipe-index.js
@@ -49,7 +49,9 @@ const prettier = (code) => {
 
 const Cuboid3DRecipe = () => {
     const cardsData = [
-        cuboid_3D
+        cuboid_3D,
+        orthographic_shapes,
+        fused_annotation
     ]
     React.useEffect(() => {
         snippets = []
@@ -238,7 +240,7 @@ const Modal = ({ currentData, modalId }) => {
 const RecipeCard = ({ data, modalId }) => {
     return (
         <div class="col-sm-6 mb-3 mb-sm-0 d-flex justify-content-center">
-            <div className="card d-flex flex-row" style={{ width: "30rem" }}>
+            <div className="card d-flex flex-row" style={{ width: "20rem" }}>
                 <div className="flex-column">
                     <svg style={{ marginLeft: "15px", marginTop: "20px" }} width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M13.8184 -3.05176e-05C16.4504 -1.90031e-05 58.2334 -3.05176e-05 58.2334 -3.05176e-05C58.2334 -3.05176e-05 55.2724 16.8374 43.4284 17.1675C31.5844 17.4976 1.31641 17.1675 1.31641 17.1675C1.31641 17.1675 11.1864 -4.20321e-05 13.8184 -3.05176e-05Z" fill="#1DB55A" />

diff --git a/recipes/fused-annotation-recipe-index.js b/recipes/fused-annotation-recipe-index.js
@@ -49,6 +49,8 @@ const prettier = (code) => {
 
 const FusedAnnotationRecipes = () => {
     const cardsData = [
+        cuboid_3D,
+        orthographic_shapes,
         fused_annotation
     ]
     React.useEffect(() => {
@@ -237,14 +239,15 @@ const Modal = ({ currentData, modalId }) => {
 const RecipeCard = ({ data, modalId }) => {
     return (
         <div class="col-sm-6 mb-3 mb-sm-0 d-flex justify-content-center">
-            <div className="card d-flex flex-row" style={{ width: "30rem" }}>
+            <div className="card d-flex flex-row" style={{ width: "20rem" }}>
                 <div className="flex-column">
                     <svg style={{ marginLeft: "15px", marginTop: "20px" }} width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M13.8184 -3.05176e-05C16.4504 -1.90031e-05 58.2334 -3.05176e-05 58.2334 -3.05176e-05C58.2334 -3.05176e-05 55.2724 16.8374 43.4284 17.1675C31.5844 17.4976 1.31641 17.1675 1.31641 17.1675C1.31641 17.1675 11.1864 -4.20321e-05 13.8184 -3.05176e-05Z" fill="#1DB55A" />
                         <path d="M12.7188 40.9374C15.3964 40.9374 57.904 40.9374 57.904 40.9374C57.904 40.9374 54.8916 57.6321 42.8422 57.9594C30.7929 58.2868 0 57.9595 0 57.9595C0 57.9595 10.0412 40.9374 12.7188 40.9374Z" fill="#1DB55A" />
                         <path d="M45.3731 20.4694C39.2166 20.4694 0.657341 20.4694 0.657341 20.4694C0.657341 20.4694 1.3054 37.6369 16.2106 37.6369C31.1159 37.6369 56.066 37.6369 57.6862 37.6369C59.3063 37.6369 51.5296 20.4694 45.3731 20.4694Z" fill="#1DB55A" />
                     </svg>
                 </div>
+
                 <div className="card-body d-flex flex-column">
                     <h5 className="card-title">{data.title}</h5>
                     <p className="card-text">{data.description}</p>
@@ -257,4 +260,4 @@ const RecipeCard = ({ data, modalId }) => {
 }
 
 
-ReactDOM.render(<FusedAnnotationRecipes />, document.querySelector('#root-fused-annotation-recipes'));
+ReactDOM.render(<Recipes />, document.querySelector('#root-fused-annotation-recipes'));
diff --git a/recipes/orthographic-shapes-recipe-index.js b/recipes/orthographic-shapes-recipe-index.js
@@ -49,7 +49,9 @@ const prettier = (code) => {
 
 const OrthographicShapesRecipes = () => {
     const cardsData = [
-        orthographic_shapes
+        cuboid_3D,
+        orthographic_shapes,
+        fused_annotation
     ]
     React.useEffect(() => {
         snippets = []
@@ -238,7 +240,7 @@ const Modal = ({ currentData, modalId }) => {
 const RecipeCard = ({ data, modalId }) => {
     return (
         <div class="col-sm-6 mb-3 mb-sm-0 d-flex justify-content-center">
-            <div className="card d-flex flex-row" style={{ width: "30rem" }}>
+            <div className="card d-flex flex-row" style={{ width: "20rem" }}>
                 <div className="flex-column">
                     <svg style={{ marginLeft: "15px", marginTop: "20px" }} width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M13.8184 -3.05176e-05C16.4504 -1.90031e-05 58.2334 -3.05176e-05 58.2334 -3.05176e-05C58.2334 -3.05176e-05 55.2724 16.8374 43.4284 17.1675C31.5844 17.4976 1.31641 17.1675 1.31641 17.1675C1.31641 17.1675 11.1864 -4.20321e-05 13.8184 -3.05176e-05Z" fill="#1DB55A" />