update cards

a-type · Jul 18, 2024 · 23577fc · 23577fc
1 parent 7b64c42
commit 23577fc
Show file tree

Hide file tree

Showing 22 changed files with 851 additions and 604 deletions.
diff --git a/apps/gnocchi/hub/package.json b/apps/gnocchi/hub/package.json
@@ -20,7 +20,7 @@
     "typecheck": "tsc --build tsconfig.json"
   },
   "dependencies": {
-    "@a-type/ui": "^0.8.33",
+    "@a-type/ui": "^1.0.5",
     "@a-type/utils": "^1.0.8",
     "@tiptap/core": "^2.2.4",
     "@tiptap/extension-document": "^2.2.4",

diff --git a/apps/gnocchi/verdant/package.json b/apps/gnocchi/verdant/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "@0no-co/graphqlsp": "1.12.8",
     "@biscuits/client": "workspace:*",
-    "@verdant-web/cli": "^4.5.0",
-    "@verdant-web/common": "2.4.0",
-    "@verdant-web/react": "35.0.0",
-    "@verdant-web/store": "3.9.0",
+    "@verdant-web/cli": "^4.6.0",
+    "@verdant-web/common": "2.5.1",
+    "@verdant-web/react": "37.0.0",
+    "@verdant-web/store": "3.11.0",
     "cuid": "^2.1.8",
     "stopword": "^2.0.8"
   },

diff --git a/apps/gnocchi/web/package.json b/apps/gnocchi/web/package.json
@@ -14,7 +14,7 @@
     "typecheck": "tsc --build tsconfig.json"
   },
   "dependencies": {
-    "@a-type/ui": "^0.8.33",
+    "@a-type/ui": "^1.0.5",
     "@a-type/utils": "^1.0.8",
     "@biscuits/client": "workspace:*",
     "@biscuits/error": "workspace:*",
@@ -39,8 +39,8 @@
     "@tiptap/starter-kit": "2.4.0",
     "@use-gesture/react": "^10.2.24",
     "@vercel/analytics": "^0.1.6",
-    "@verdant-web/react-router": "^0.6.3",
-    "@verdant-web/store": "^3.9.0",
+    "@verdant-web/react-router": "^0.6.4",
+    "@verdant-web/store": "^3.11.0",
     "@zip.js/zip.js": "^2.7.6",
     "classnames": "^2.3.2",
     "convert-units": "^3.0.0-beta.4",

diff --git a/apps/gnocchi/web/src/components/recipes/collection/RecipeList.tsx b/apps/gnocchi/web/src/components/recipes/collection/RecipeList.tsx
@@ -83,11 +83,7 @@ function RecipeListContent() {
         })}
       >
         {recipes.map((recipe) => (
-          <RecipeListItem
-            key={recipe.get('id')}
-            recipe={recipe}
-            className="min-h-200px md:(h-30vh max-h-300px)"
-          />
+          <RecipeListItem key={recipe.get('id')} recipe={recipe} />
         ))}
       </CardGrid>
       {hasMore && (

diff --git a/apps/gnocchi/web/src/components/recipes/collection/RecipeListItem.tsx b/apps/gnocchi/web/src/components/recipes/collection/RecipeListItem.tsx
@@ -49,7 +49,7 @@ export function RecipeListItem({
   recipe: Recipe;
   className?: string;
 }) {
-  const { title, pinnedAt } = hooks.useWatch(recipe);
+  const { title, pinnedAt, mainImage } = hooks.useWatch(recipe);
   const [gridStyle] = useGridStyle();
 
   const isPinned = !!pinnedAt && pinnedAt > THREE_WEEKS_AGO;
@@ -65,26 +65,32 @@ export function RecipeListItem({
   return (
     <CardRoot
       className={classNames(
+        'self-end',
         {
           '!max-h-20vh': gridStyle === 'card-small',
+          'min-h-200px md:(h-30vh max-h-300px)': !!mainImage,
         },
         'shadow-sm',
         className,
       )}
     >
       <CardMain asChild>
         <Link to={makeRecipeLink(recipe)} preserveQuery>
-          <div className="text-md">
+          <CardTitle
+            className={classNames(
+              gridStyle === 'card-small' ? 'text-sm sm:text-md' : '',
+            )}
+          >
+            {title}
+          </CardTitle>
+          <div className="m-2">
             <Suspense>
               <RecipeTagsViewer
                 recipe={recipe}
                 className={gridStyle === 'card-small' ? 'text-xxs' : 'text-xs'}
               />
             </Suspense>
           </div>
-          <CardTitle>
-            <span>{title}</span>
-          </CardTitle>
         </Link>
       </CardMain>
       <CardImage>

diff --git a/apps/gnocchi/web/src/pages/recipe/RecipesPage.tsx b/apps/gnocchi/web/src/pages/recipe/RecipesPage.tsx
@@ -26,9 +26,9 @@ export function RecipesPage({}: RecipesPageProps) {
           className="flex flex-col items-center pointer-events-none"
         >
           <Suspense>
-            <RecipeCreateButton className="pointer-events-auto w-48px h-48px items-center justify-center md:w-auto md:h-auto shadow-xl">
+            <RecipeCreateButton className="pointer-events-auto w-48px h-48px items-center justify-center md:w-auto md:h-auto md:gap-2 shadow-xl">
               <span className="hidden md:block">New Recipe</span>
-              <Icon name="plus" className="w-20px h-20px" />
+              <Icon name="plus" className="w-20px h-20px md:(w-15px h-15px)" />
             </RecipeCreateButton>
           </Suspense>
           <RecipesNowPlaying showSingle defaultOpen />

diff --git a/apps/humding/verdant/package.json b/apps/humding/verdant/package.json
@@ -13,9 +13,9 @@
     "react": "18.3.1"
   },
   "dependencies": {
-    "@verdant-web/cli": "4.5.0",
-    "@verdant-web/common": "2.4.0",
-    "@verdant-web/react": "35.0.0",
-    "@verdant-web/store": "^3.9.0"
+    "@verdant-web/cli": "4.6.0",
+    "@verdant-web/common": "2.5.1",
+    "@verdant-web/react": "37.0.0",
+    "@verdant-web/store": "^3.11.0"
   }
 }
diff --git a/apps/humding/web/package.json b/apps/humding/web/package.json
@@ -9,13 +9,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@a-type/ui": "0.8.33",
+    "@a-type/ui": "1.0.5",
     "@a-type/utils": "1.1.3",
     "@biscuits/client": "workspace:*",
     "@humding.biscuits/verdant": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.2.24",
-    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/react-router": "^0.6.4",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-hot-toast": "^2.4.1",
@@ -34,8 +34,8 @@
     "@types/react-dom": "^18.2.25",
     "@unocss/transformer-variant-group": "^0.58.0",
     "@vitejs/plugin-react-swc": "3.5.0",
+    "typescript": "5.5.3",
     "vite": "5.2.11",
-    "vite-plugin-pwa": "^0.19.8",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "^0.19.8"
   }
 }
diff --git a/apps/marginalia/verdant/package.json b/apps/marginalia/verdant/package.json
@@ -13,10 +13,10 @@
     "react": "18.3.1"
   },
   "dependencies": {
-    "@verdant-web/cli": "^4.5.0",
-    "@verdant-web/common": "^2.4.0",
-    "@verdant-web/react": "^35.0.0",
-    "@verdant-web/store": "^3.9.0",
+    "@verdant-web/cli": "^4.6.0",
+    "@verdant-web/common": "^2.5.1",
+    "@verdant-web/react": "^37.0.0",
+    "@verdant-web/store": "^3.11.0",
     "cuid": "^2.1.8"
   }
 }
diff --git a/apps/marginalia/web/package.json b/apps/marginalia/web/package.json
@@ -9,13 +9,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@a-type/ui": "0.8.33",
+    "@a-type/ui": "1.0.5",
     "@a-type/utils": "1.1.0",
     "@biscuits/client": "workspace:*",
     "@marginalia.biscuits/verdant": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@tanstack/react-query": "5.39.0",
-    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/react-router": "^0.6.4",
     "classnames": "^2.5.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -35,8 +35,8 @@
     "@types/unist": "^3.0.2",
     "@unocss/transformer-variant-group": "^0.58.0",
     "@vitejs/plugin-react-swc": "3.5.0",
+    "typescript": "5.5.3",
     "vite": "5.2.11",
-    "vite-plugin-pwa": "^0.19.8",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "^0.19.8"
   }
 }
diff --git a/apps/star-chart/verdant/package.json b/apps/star-chart/verdant/package.json
@@ -13,9 +13,9 @@
     "react": "18.3.1"
   },
   "dependencies": {
-    "@verdant-web/cli": "4.5.0",
-    "@verdant-web/common": "2.4.0",
-    "@verdant-web/react": "35.0.0",
-    "@verdant-web/store": "3.9.0"
+    "@verdant-web/cli": "4.6.0",
+    "@verdant-web/common": "2.5.1",
+    "@verdant-web/react": "37.0.0",
+    "@verdant-web/store": "3.11.0"
   }
 }
diff --git a/apps/star-chart/web/package.json b/apps/star-chart/web/package.json
@@ -9,14 +9,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@a-type/ui": "0.8.33",
+    "@a-type/ui": "1.0.5",
     "@a-type/utils": "1.1.2",
     "@biscuits/client": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@star-chart.biscuits/verdant": "workspace:*",
     "@types/raf": "^3.4.3",
     "@use-gesture/react": "^10.2.24",
-    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/react-router": "^0.6.4",
     "@xstate/react": "^4.1.1",
     "raf": "^3.4.1",
     "react": "18.3.1",
@@ -43,8 +43,8 @@
     "@types/react-dom": "^18.2.25",
     "@unocss/transformer-variant-group": "^0.58.0",
     "@vitejs/plugin-react-swc": "3.5.0",
+    "typescript": "5.5.3",
     "vite": "5.2.11",
-    "vite-plugin-pwa": "^0.19.8",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "^0.19.8"
   }
 }
diff --git a/apps/trip-tick/verdant/package.json b/apps/trip-tick/verdant/package.json
@@ -12,10 +12,10 @@
     "react": "18.3.1"
   },
   "dependencies": {
-    "@verdant-web/cli": "^4.5.0",
-    "@verdant-web/common": "2.4.0",
-    "@verdant-web/react": "35.0.0",
-    "@verdant-web/store": "3.9.0",
+    "@verdant-web/cli": "^4.6.0",
+    "@verdant-web/common": "2.5.1",
+    "@verdant-web/react": "37.0.0",
+    "@verdant-web/store": "3.11.0",
     "cuid": "^2.1.8"
   }
 }
diff --git a/apps/trip-tick/web/package.json b/apps/trip-tick/web/package.json
@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@a-type/ui": "^0.8.33",
+    "@a-type/ui": "^1.0.5",
     "@a-type/utils": "^1.0.6",
     "@biscuits/client": "workspace:*",
     "@radix-ui/react-progress": "^1.0.3",
@@ -18,9 +18,9 @@
     "@tanstack/react-query": "^4.24.10",
     "@trip-tick.biscuits/verdant": "workspace:*",
     "@unocss/transformer-variant-group": "^0.54.1",
-    "@verdant-web/react": "^35.0.0",
-    "@verdant-web/react-router": "^0.6.3",
-    "@verdant-web/store": "^3.9.0",
+    "@verdant-web/react": "^37.0.0",
+    "@verdant-web/react-router": "^0.6.4",
+    "@verdant-web/store": "^3.11.0",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
     "downshift": "^7.0.1",
@@ -46,8 +46,8 @@
     "@types/react-dom": "^18.2.25",
     "@unocss/preset-icons": "^0.55.7",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "typescript": "5.5.3",
     "vite": "5.2.7",
-    "vite-plugin-pwa": "0.19.7",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "0.19.7"
   }
 }
diff --git a/apps/wish-wash/verdant/package.json b/apps/wish-wash/verdant/package.json
@@ -13,9 +13,9 @@
     "react": "18.3.1"
   },
   "dependencies": {
-    "@verdant-web/cli": "4.5.0",
-    "@verdant-web/common": "2.4.0",
-    "@verdant-web/react": "35.0.0",
-    "@verdant-web/store": "3.9.0"
+    "@verdant-web/cli": "4.6.0",
+    "@verdant-web/common": "2.5.1",
+    "@verdant-web/react": "37.0.0",
+    "@verdant-web/store": "3.11.0"
   }
 }
diff --git a/apps/wish-wash/web/package.json b/apps/wish-wash/web/package.json
@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@a-type/ui": "0.8.33",
+    "@a-type/ui": "1.0.5",
     "@a-type/utils": "1.1.3",
     "@biscuits/client": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@unocss/transformer-variant-group": "^0.54.1",
-    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/react-router": "^0.6.4",
     "@wish-wash.biscuits/verdant": "workspace:*",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -32,8 +32,8 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "3.7.0",
+    "typescript": "5.5.3",
     "vite": "5.3.1",
-    "vite-plugin-pwa": "^0.19.8",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "^0.19.8"
   }
 }
diff --git a/blog/package.json b/blog/package.json
@@ -10,7 +10,7 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@a-type/ui": "^0.8.33",
+    "@a-type/ui": "^1.0.5",
     "@astrojs/check": "^0.5.10",
     "@astrojs/mdx": "^2.3.1",
     "@astrojs/rss": "^4.0.5",

diff --git a/packages/client/package.json b/packages/client/package.json
@@ -59,14 +59,14 @@
     "vite-plugin-pwa": "0.19.2"
   },
   "devDependencies": {
-    "@a-type/ui": "^0.8.33",
+    "@a-type/ui": "^1.0.5",
     "@types/react": "18.3.3",
     "@unocss/transformer-variant-group": "^0.58.0",
-    "@verdant-web/react-router": "0.6.3",
-    "@verdant-web/store": "^3.9.0",
+    "@verdant-web/react-router": "0.6.4",
+    "@verdant-web/store": "^3.11.0",
     "react": "18.3.1",
+    "typescript": "5.5.3",
     "unocss": "^0.58.0",
-    "vite-plugin-pwa": "0.19.2",
-    "typescript": "5.5.3"
+    "vite-plugin-pwa": "0.19.2"
   }
 }