add testimonials

Author: webdevcody

Dockerfile

@@ -20,4 +20,4 @@ RUN npm run build
 EXPOSE 3000
 
 # Start the application
-CMD ["npm", "start"]
+CMD ["./run.sh"]

app/components/ui/checkbox.tsx

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { cn } from "~/lib/utils";
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };

app/data-access/testimonials.ts

@@ -0,0 +1,19 @@
+import { database } from "~/db";
+import {
+  type Testimonial,
+  type TestimonialCreate,
+  testimonials,
+} from "~/db/schema";
+
+export async function createTestimonial(data: TestimonialCreate) {
+  return await database.insert(testimonials).values(data).returning();
+}
+
+export async function getTestimonials() {
+  return await database.query.testimonials.findMany({
+    with: {
+      profile: true,
+    },
+    orderBy: (testimonials, { desc }) => [desc(testimonials.createdAt)],
+  });
+}

app/db/schema.ts

@@ -109,10 +109,40 @@ export const progress = tableCreator(
   ]
 );
 
+export const testimonials = tableCreator("testimonial", {
+  id: serial("id").primaryKey(),
+  userId: serial("userId")
+    .notNull()
+    .references(() => users.id, { onDelete: "cascade" }),
+  content: text("content").notNull(),
+  emojis: text("emojis").notNull(),
+  displayName: text("displayName").notNull(),
+  permissionGranted: boolean("permissionGranted").notNull().default(false),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  updatedAt: timestamp("updated_at").notNull().defaultNow(),
+});
+
+export const attachments = tableCreator("attachment", {
+  id: serial("id").primaryKey(),
+  segmentId: serial("segmentId")
+    .notNull()
+    .references(() => segments.id, { onDelete: "cascade" }),
+  fileName: text("fileName").notNull(),
+  fileKey: text("fileKey").notNull(),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+});
+
 export const modulesRelations = relations(modules, ({ many }) => ({
   segments: many(segments),
 }));
 
+export const testimonialsRelations = relations(testimonials, ({ one }) => ({
+  profile: one(profiles, {
+    fields: [testimonials.userId],
+    references: [profiles.userId],
+  }),
+}));
+
 export const segmentsRelations = relations(segments, ({ one, many }) => ({
   attachments: many(attachments),
   module: one(modules, {
@@ -121,16 +151,6 @@ export const segmentsRelations = relations(segments, ({ one, many }) => ({
   }),
 }));
 
-export const attachments = tableCreator("attachment", {
-  id: serial("id").primaryKey(),
-  segmentId: serial("segmentId")
-    .notNull()
-    .references(() => segments.id, { onDelete: "cascade" }),
-  fileName: text("fileName").notNull(),
-  fileKey: text("fileKey").notNull(),
-  createdAt: timestamp("created_at").notNull().defaultNow(),
-});
-
 export const attachmentsRelations = relations(attachments, ({ one }) => ({
   segment: one(segments, {
     fields: [attachments.segmentId],
@@ -149,3 +169,5 @@ export type Progress = typeof progress.$inferSelect;
 export type ProgressCreate = typeof progress.$inferInsert;
 export type Module = typeof modules.$inferSelect;
 export type ModuleCreate = typeof modules.$inferInsert;
+export type Testimonial = typeof testimonials.$inferSelect;
+export type TestimonialCreate = typeof testimonials.$inferInsert;

app/routeTree.gen.ts

@@ -20,6 +20,7 @@ import { Route as SuccessImport } from './routes/success'
 import { Route as PurchaseImport } from './routes/purchase'
 import { Route as PrivacyPolicyImport } from './routes/privacy-policy'
 import { Route as LoginImport } from './routes/login'
+import { Route as CreateTestimonialImport } from './routes/create-testimonial'
 import { Route as CancelImport } from './routes/cancel'
 import { Route as AboutImport } from './routes/about'
 import { Route as IndexImport } from './routes/index'
@@ -80,6 +81,12 @@ const LoginRoute = LoginImport.update({
   getParentRoute: () => rootRoute,
 } as any)
 
+const CreateTestimonialRoute = CreateTestimonialImport.update({
+  id: '/create-testimonial',
+  path: '/create-testimonial',
+  getParentRoute: () => rootRoute,
+} as any)
+
 const CancelRoute = CancelImport.update({
   id: '/cancel',
   path: '/cancel',
@@ -176,6 +183,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof CancelImport
       parentRoute: typeof rootRoute
     }
+    '/create-testimonial': {
+      id: '/create-testimonial'
+      path: '/create-testimonial'
+      fullPath: '/create-testimonial'
+      preLoaderRoute: typeof CreateTestimonialImport
+      parentRoute: typeof rootRoute
+    }
     '/login': {
       id: '/login'
       path: '/login'
@@ -323,6 +337,7 @@ export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/cancel': typeof CancelRoute
+  '/create-testimonial': typeof CreateTestimonialRoute
   '/login': typeof LoginRoute
   '/privacy-policy': typeof PrivacyPolicyRoute
   '/purchase': typeof PurchaseRoute
@@ -344,6 +359,7 @@ export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/cancel': typeof CancelRoute
+  '/create-testimonial': typeof CreateTestimonialRoute
   '/login': typeof LoginRoute
   '/privacy-policy': typeof PrivacyPolicyRoute
   '/purchase': typeof PurchaseRoute
@@ -365,6 +381,7 @@ export interface FileRoutesById {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/cancel': typeof CancelRoute
+  '/create-testimonial': typeof CreateTestimonialRoute
   '/login': typeof LoginRoute
   '/privacy-policy': typeof PrivacyPolicyRoute
   '/purchase': typeof PurchaseRoute
@@ -389,6 +406,7 @@ export interface FileRouteTypes {
     | '/'
     | '/about'
     | '/cancel'
+    | '/create-testimonial'
     | '/login'
     | '/privacy-policy'
     | '/purchase'
@@ -409,6 +427,7 @@ export interface FileRouteTypes {
     | '/'
     | '/about'
     | '/cancel'
+    | '/create-testimonial'
     | '/login'
     | '/privacy-policy'
     | '/purchase'
@@ -428,6 +447,7 @@ export interface FileRouteTypes {
     | '/'
     | '/about'
     | '/cancel'
+    | '/create-testimonial'
     | '/login'
     | '/privacy-policy'
     | '/purchase'
@@ -451,6 +471,7 @@ export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   AboutRoute: typeof AboutRoute
   CancelRoute: typeof CancelRoute
+  CreateTestimonialRoute: typeof CreateTestimonialRoute
   LoginRoute: typeof LoginRoute
   PrivacyPolicyRoute: typeof PrivacyPolicyRoute
   PurchaseRoute: typeof PurchaseRoute
@@ -470,6 +491,7 @@ const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   AboutRoute: AboutRoute,
   CancelRoute: CancelRoute,
+  CreateTestimonialRoute: CreateTestimonialRoute,
   LoginRoute: LoginRoute,
   PrivacyPolicyRoute: PrivacyPolicyRoute,
   PurchaseRoute: PurchaseRoute,
@@ -498,6 +520,7 @@ export const routeTree = rootRoute
         "/",
         "/about",
         "/cancel",
+        "/create-testimonial",
         "/login",
         "/privacy-policy",
         "/purchase",
@@ -522,6 +545,9 @@ export const routeTree = rootRoute
     "/cancel": {
       "filePath": "cancel.tsx"
     },
+    "/create-testimonial": {
+      "filePath": "create-testimonial.tsx"
+    },
     "/login": {
       "filePath": "login.tsx"
     },