hub recipe adjustments

a-type · May 27, 2024 · dab720e · dab720e
1 parent 531bda7
commit dab720e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 2 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -15,6 +15,8 @@ ENV CYPRESS_INSTALL_BINARY=0
 ENV PNPM_HOME=/usr/local/share/pnpm
 ENV PATH="$PNPM_HOME:$PATH"
 
+ENV VITE_APP_GNOCCHI_ORIGIN=https://gnocchi.biscuits.club
+
 FROM base as dev
 COPY ./pnpm-lock.yaml .
 RUN pnpm fetch

diff --git a/apps/gnocchi/hub/src/App.tsx b/apps/gnocchi/hub/src/App.tsx
@@ -41,7 +41,7 @@ export function App({
         <article
           itemScope
           itemType="https://schema.org/Recipe"
-          className="h-recipe"
+          className="h-recipe flex flex-col gap-4 items-stretch"
         >
           <TopLineRoot>
             {data.mainImageUrl && (
@@ -56,6 +56,7 @@ export function App({
               </P>
             </TopLineTitle>
           </TopLineRoot>
+          {data.note && <Note className="self-start">{data.note}</Note>}
           {data.prelude && (
             <div>
               <Suspense>

diff --git a/apps/gnocchi/hub/src/components/MainImage.tsx b/apps/gnocchi/hub/src/components/MainImage.tsx
@@ -11,7 +11,7 @@ export function MainImage({ url, title }: MainImageProps) {
     <TopLineImage className="block relative w-full h-30vh rounded-lg overflow-hidden">
       <img
         src={url}
-        className={clsx('u-photo', 'object-cover object-center')}
+        className={clsx('u-photo', 'object-cover object-center w-full h-full')}
         alt={`A photo of ${title}`}
       />
     </TopLineImage>

diff --git a/apps/gnocchi/hub/src/types.ts b/apps/gnocchi/hub/src/types.ts
@@ -8,4 +8,5 @@ export interface HubRecipeData {
   publisher: {
     fullName: string;
   };
+  note?: string;
 }
diff --git a/server/src/routers/gnocchi.ts b/server/src/routers/gnocchi.ts
@@ -86,6 +86,7 @@ gnocchiRouter.get('/hubRecipe/:planId/:recipeSlug', async (req) => {
     mainImageUrl: snapshot.mainImage?.url,
     ingredients: snapshot.ingredients,
     instructions: snapshot.instructions,
+    note: snapshot.note,
     publisher: {
       fullName: recipe.publisherFullName ?? 'Anonymous',
     },