diff --git a/apps/portal/src/server/router/index.ts b/apps/portal/src/server/router/index.ts
index 050f95ea..ddeff431 100644
--- a/apps/portal/src/server/router/index.ts
+++ b/apps/portal/src/server/router/index.ts
@@ -2,6 +2,11 @@ import superjson from 'superjson';
import { createRouter } from './context';
import { protectedExampleRouter } from './protected-example-router';
+import { resumesRouter } from './resumes';
+import { resumesDetailsRouter } from './resumes-details-router';
+import { resumesResumeUserRouter } from './resumes-resume-user-router';
+import { resumeReviewsRouter } from './resumes-reviews-router';
+import { resumesReviewsUserRouter } from './resumes-reviews-user-router';
import { todosRouter } from './todos';
import { todosUserRouter } from './todos-user-router';
@@ -12,7 +17,12 @@ export const appRouter = createRouter()
// Example routers. Learn more about tRPC routers: https://trpc.io/docs/v9/router
.merge('auth.', protectedExampleRouter)
.merge('todos.', todosRouter)
- .merge('todos.user.', todosUserRouter);
+ .merge('todos.user.', todosUserRouter)
+ .merge('resumes.resume.', resumesRouter)
+ .merge('resumes.details.', resumesDetailsRouter)
+ .merge('resumes.resume.user.', resumesResumeUserRouter)
+ .merge('resumes.reviews.', resumeReviewsRouter)
+ .merge('resumes.reviews.user.', resumesReviewsUserRouter);
// Export type definition of API
export type AppRouter = typeof appRouter;
diff --git a/apps/portal/src/server/router/resumes-details-router.ts b/apps/portal/src/server/router/resumes-details-router.ts
new file mode 100644
index 00000000..1255ac2e
--- /dev/null
+++ b/apps/portal/src/server/router/resumes-details-router.ts
@@ -0,0 +1,79 @@
+import { z } from 'zod';
+
+import { createRouter } from './context';
+
+export const resumesDetailsRouter = createRouter()
+ .query('find', {
+ input: z.object({
+ resumeId: z.string(),
+ }),
+ async resolve({ ctx, input }) {
+ const { resumeId } = input;
+ const userId = ctx.session?.user?.id;
+
+ // Use the resumeId to query all related information of a single resume
+ // from Resumesresume:
+ return await ctx.prisma.resumesResume.findUnique({
+ include: {
+ _count: {
+ select: {
+ stars: true,
+ },
+ },
+ stars: {
+ where: {
+ userId,
+ },
+ },
+ user: {
+ select: {
+ name: true,
+ },
+ },
+ },
+ where: {
+ id: resumeId,
+ },
+ });
+ },
+ })
+ .mutation('update_star', {
+ input: z.object({
+ resumeId: z.string(),
+ }),
+ async resolve({ ctx, input }) {
+ const { resumeId } = input;
+ // Update_star will only be called if user is logged in
+ const userId = ctx.session!.user!.id;
+
+ // Use the resumeId and resumeProfileId to check if star exists
+ const resumesStar = await ctx.prisma.resumesStar.findUnique({
+ select: {
+ id: true,
+ },
+ where: {
+ userId_resumeId: {
+ resumeId,
+ userId,
+ },
+ },
+ });
+
+ if (resumesStar === null) {
+ return await ctx.prisma.resumesStar.create({
+ data: {
+ resumeId,
+ userId,
+ },
+ });
+ }
+ return await ctx.prisma.resumesStar.delete({
+ where: {
+ userId_resumeId: {
+ resumeId,
+ userId,
+ },
+ },
+ });
+ },
+ });
diff --git a/apps/portal/src/server/router/resumes-resume-user-router.ts b/apps/portal/src/server/router/resumes-resume-user-router.ts
new file mode 100644
index 00000000..9f014795
--- /dev/null
+++ b/apps/portal/src/server/router/resumes-resume-user-router.ts
@@ -0,0 +1,28 @@
+import { z } from 'zod';
+
+import { createProtectedRouter } from './context';
+
+export const resumesResumeUserRouter = createProtectedRouter().mutation(
+ 'create',
+ {
+ // TODO: Use enums for experience, location, role
+ input: z.object({
+ additionalInfo: z.string().optional(),
+ experience: z.string(),
+ location: z.string(),
+ role: z.string(),
+ title: z.string(),
+ }),
+ async resolve({ ctx, input }) {
+ const userId = ctx.session?.user.id;
+ // TODO: Store file in file storage and retrieve URL
+ return await ctx.prisma.resumesResume.create({
+ data: {
+ ...input,
+ url: '',
+ userId,
+ },
+ });
+ },
+ },
+);
diff --git a/apps/portal/src/server/router/resumes-reviews-router.ts b/apps/portal/src/server/router/resumes-reviews-router.ts
new file mode 100644
index 00000000..8219edce
--- /dev/null
+++ b/apps/portal/src/server/router/resumes-reviews-router.ts
@@ -0,0 +1,72 @@
+import { z } from 'zod';
+import { ResumesSection } from '@prisma/client';
+
+import { createRouter } from './context';
+
+import type { ResumeComment } from '~/types/resume-comments';
+
+export const resumeReviewsRouter = createRouter().query('list', {
+ input: z.object({
+ resumeId: z.string(),
+ section: z.nativeEnum(ResumesSection),
+ }),
+ async resolve({ ctx, input }) {
+ const userId = ctx.session?.user?.id;
+ const { resumeId, section } = input;
+
+ // For this resume, we retrieve every comment's information, along with:
+ // The user's name and image to render
+ // Number of votes, and whether the user (if-any) has voted
+ const comments = await ctx.prisma.resumesComment.findMany({
+ include: {
+ _count: {
+ select: {
+ votes: true,
+ },
+ },
+ user: {
+ select: {
+ image: true,
+ name: true,
+ },
+ },
+ votes: {
+ take: 1,
+ where: {
+ userId,
+ },
+ },
+ },
+ orderBy: {
+ createdAt: 'desc',
+ },
+ where: {
+ resumeId,
+ section,
+ },
+ });
+
+ return comments.map((data) => {
+ const hasVoted = data.votes.length > 0;
+ const numVotes = data._count.votes;
+
+ const comment: ResumeComment = {
+ createdAt: data.createdAt,
+ description: data.description,
+ hasVoted,
+ id: data.id,
+ numVotes,
+ resumeId: data.resumeId,
+ section: data.section,
+ updatedAt: data.updatedAt,
+ user: {
+ image: data.user.image,
+ name: data.user.name,
+ userId: data.userId,
+ },
+ };
+
+ return comment;
+ });
+ },
+});
diff --git a/apps/portal/src/server/router/resumes-reviews-user-router.ts b/apps/portal/src/server/router/resumes-reviews-user-router.ts
new file mode 100644
index 00000000..5730887f
--- /dev/null
+++ b/apps/portal/src/server/router/resumes-reviews-user-router.ts
@@ -0,0 +1,54 @@
+import { z } from 'zod';
+import { ResumesSection } from '@prisma/client';
+
+import { createProtectedRouter } from './context';
+
+type IResumeCommentInput = Readonly<{
+ description: string;
+ resumeId: string;
+ section: ResumesSection;
+ userId: string;
+}>;
+
+export const resumesReviewsUserRouter = createProtectedRouter().mutation(
+ 'create',
+ {
+ input: z.object({
+ education: z.string(),
+ experience: z.string(),
+ general: z.string(),
+ projects: z.string(),
+ resumeId: z.string(),
+ skills: z.string(),
+ }),
+ async resolve({ ctx, input }) {
+ const userId = ctx.session?.user?.id;
+ const { resumeId, education, experience, general, projects, skills } =
+ input;
+
+ // For each section, convert them into ResumesComment model if provided
+ const comments: Array
= [
+ { description: education, section: ResumesSection.EDUCATION },
+ { description: experience, section: ResumesSection.EXPERIENCE },
+ { description: general, section: ResumesSection.GENERAL },
+ { description: projects, section: ResumesSection.PROJECTS },
+ { description: skills, section: ResumesSection.SKILLS },
+ ]
+ .filter(({ description }) => {
+ return description.trim().length > 0;
+ })
+ .map(({ description, section }) => {
+ return {
+ description,
+ resumeId,
+ section,
+ userId,
+ };
+ });
+
+ return await ctx.prisma.resumesComment.createMany({
+ data: comments,
+ });
+ },
+ },
+);
diff --git a/apps/portal/src/server/router/resumes.ts b/apps/portal/src/server/router/resumes.ts
new file mode 100644
index 00000000..2e7f9f9c
--- /dev/null
+++ b/apps/portal/src/server/router/resumes.ts
@@ -0,0 +1,42 @@
+import { createRouter } from './context';
+
+import type { Resume } from '~/types/resume';
+
+export const resumesRouter = createRouter().query('list', {
+ async resolve({ ctx }) {
+ const resumesData = await ctx.prisma.resumesResume.findMany({
+ include: {
+ _count: {
+ select: {
+ comments: true,
+ stars: true,
+ },
+ },
+ user: {
+ select: {
+ name: true,
+ },
+ },
+ },
+ orderBy: {
+ createdAt: 'desc',
+ },
+ });
+ return resumesData.map((r) => {
+ const resume: Resume = {
+ additionalInfo: r.additionalInfo,
+ createdAt: r.createdAt,
+ experience: r.experience,
+ id: r.id,
+ location: r.location,
+ numComments: r._count.comments,
+ numStars: r._count.stars,
+ role: r.role,
+ title: r.title,
+ url: r.url,
+ user: r.user.name!,
+ };
+ return resume;
+ });
+ },
+});
diff --git a/apps/portal/src/types/resume-comments.d.ts b/apps/portal/src/types/resume-comments.d.ts
new file mode 100644
index 00000000..5a6dfff8
--- /dev/null
+++ b/apps/portal/src/types/resume-comments.d.ts
@@ -0,0 +1,21 @@
+import type { ResumesSection } from '@prisma/client';
+
+/**
+ * Returned by `resumeReviewsRouter` (query for 'resumes.reviews.list') and received as prop by `Comment` in `CommentsList`
+ * frontend-friendly representation of the query
+ */
+export type ResumeComment = {
+ createdAt: Date;
+ description: string;
+ hasVoted: boolean;
+ id: string;
+ numVotes: number;
+ resumeId: string;
+ section: ResumesSection;
+ updatedAt: Date;
+ user: {
+ image: string?;
+ name: string?;
+ userId: string;
+ };
+};
diff --git a/apps/portal/src/types/resume.d.ts b/apps/portal/src/types/resume.d.ts
new file mode 100644
index 00000000..5b2a33a9
--- /dev/null
+++ b/apps/portal/src/types/resume.d.ts
@@ -0,0 +1,13 @@
+export type Resume = {
+ additionalInfo: string?;
+ createdAt: Date;
+ experience: string;
+ id: string;
+ location: string;
+ numComments: number;
+ numStars: number;
+ role: string;
+ title: string;
+ url: string;
+ user: string;
+};
diff --git a/apps/storybook/stories/collapsible.stories.tsx b/apps/storybook/stories/collapsible.stories.tsx
new file mode 100644
index 00000000..68826881
--- /dev/null
+++ b/apps/storybook/stories/collapsible.stories.tsx
@@ -0,0 +1,46 @@
+import type { ComponentMeta } from '@storybook/react';
+import { Collapsible } from '@tih/ui';
+
+export default {
+ argTypes: {
+ children: {
+ control: { type: 'text' },
+ },
+ label: {
+ control: { type: 'text' },
+ },
+ },
+ component: Collapsible,
+ title: 'Collapsible',
+} as ComponentMeta;
+
+export const Basic = {
+ args: {
+ children:
+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+ label: 'Reveal more content below',
+ },
+};
+
+export function AccordionLayout() {
+ return (
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat.
+
+
+
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+ dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ proident, sunt in culpa qui officia deserunt mollit anim id est
+ laborum.
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+ commodo consequat.
+
+
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+ dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
setCurrentPage(page)}
+ />
+
+
+
+
+
+ );
+}
+
+export function Resize() {
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/apps/storybook/stories/text-input.stories.tsx b/apps/storybook/stories/text-input.stories.tsx
index 03bd842a..4c69ea51 100644
--- a/apps/storybook/stories/text-input.stories.tsx
+++ b/apps/storybook/stories/text-input.stories.tsx
@@ -5,7 +5,7 @@ import {
QuestionMarkCircleIcon,
} from '@heroicons/react/24/solid';
import type { ComponentMeta } from '@storybook/react';
-import { TextInput } from '@tih/ui';
+import { Select, TextInput } from '@tih/ui';
export default {
argTypes: {
@@ -30,6 +30,9 @@ export default {
placeholder: {
control: 'text',
},
+ required: {
+ control: 'boolean',
+ },
type: {
control: 'text',
},
@@ -67,7 +70,8 @@ export function Email() {
+
+
+ }
+ endAddOnType="element"
+ label="Price"
+ placeholder="0.00"
+ startAddOn="$"
+ startAddOnType="label"
+ type="text"
+ />
+