Updated prod build to re-gen prisma client for correct architecture

Author: davidthor

Dockerfile

@@ -27,9 +27,7 @@ COPY . .
 # Uncomment the following line in case you want to disable telemetry during the build.
 # ENV NEXT_TELEMETRY_DISABLED 1
 
-# RUN yarn build
-
-# If using npm comment out above and use below instead
+RUN npx prisma generate
 RUN npm run build
 
 # Production image, copy all the files and run next

Dockerfile.dev

@@ -21,4 +21,6 @@ COPY . .
 EXPOSE 3000
 ENV PORT 3000
 
+RUN npx prisma generate
+
 CMD ["npm", "run", "dev"]

app/(home)/home-yeet-form.tsx

@@ -27,7 +27,7 @@ export const HomeYeetForm = () => {
   };
 
   return session ? (
-    <div className="flex items-start space-x-4">
+    <div className="flex items-start space-x-4 p-6">
       <div className="flex-shrink-0">
         <Avatar
           type="image"

app/(home)/page.tsx

@@ -13,12 +13,8 @@ const HomePage = () => {
   return (
     <>
       <PageHeader>Home</PageHeader>
-      <div className="p-6 border-b border-gray-200">
-        <HomeYeetForm />
-      </div>
-      <div>
-        <YeetFeed />
-      </div>
+      <HomeYeetForm />
+      <YeetFeed />
     </>
   );
 };

app/(home)/yeet-feed.tsx

@@ -2,10 +2,12 @@
 
 import React from 'react';
 import { Button } from '../_components/button';
-import { getGravatarImageUrl } from '../_components/utils';
+import { classNames, getGravatarImageUrl } from '../_components/utils';
 import { Identity } from '@ory/client';
 import { Avatar } from '../_components/avatar';
 import Link from 'next/link';
+import { TypedUseSelectorHook, useSelector } from 'react-redux';
+import { RootState } from '@/store';
 
 type Yeet = {
   id: string;
@@ -15,12 +17,16 @@ type Yeet = {
   user: Identity;
 };
 
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
+
 export const YeetFeed = () => {
   const [isLoading, setIsLoading] = React.useState(false);
   const [error, setError] = React.useState<Error | undefined>(undefined);
   const [rows, setRows] = React.useState<Yeet[]>([]);
   const [moreYeetsAvailable, setMoreYeetsAvailable] = React.useState(false);
 
+  const { session } = useAppSelector((state) => state.auth);
+
   const loadMoreRows = async () => {
     setIsLoading(true);
 
@@ -54,7 +60,13 @@ export const YeetFeed = () => {
 
   return (
     <>
-      <ul role="list" className="divide-y divide-gray-100">
+      <ul
+        role="list"
+        className={classNames(
+          'divide-y divide-gray-100',
+          Boolean(session) ? 'border-t border-gray-200' : ''
+        )}
+      >
         {rows.map((yeet, yeetIndex) => (
           <li
             key={yeet.id}