-
-
Location
-
{reviewObj.location}
-
-
-
Hourly Pay
-
${reviewObj.hourlyPay?.toString()}
+
Work model: {reviewObj.workEnvironment}
-
-
Work Model
-
- {prettyWorkEnviornment(
- reviewObj.workEnvironment as WorkEnvironmentType,
- )}
-
-
-
-
Drug Test?
-
{reviewObj.drugTest ? "Yes" : "No"}
+
+
Pay: ${reviewObj.hourlyPay}/hr
-
-
Overtime Common?
-
{reviewObj.overtimeNormal ? "Yes" : "No"}
+
+
+
+
+
+
+
Company Culture
+
+
+
+
Supervisor
+
+
+
+
Interview Rating
+
+
-
-
- Benefits
-
- {benefits.map((benefit) => {
- return (
-
- {benefit}
-
- );
- })}
-
{reviewObj.otherBenefits}
-
+
{reviewObj.textReview}
+
+
);
diff --git a/apps/web/src/app/_components/reviews/role-card-preview.tsx b/apps/web/src/app/_components/reviews/role-card-preview.tsx
new file mode 100644
index 0000000..85b58e0
--- /dev/null
+++ b/apps/web/src/app/_components/reviews/role-card-preview.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import Image from "next/image";
+
+import type { RoleType } from "@cooper/db/schema";
+import { cn } from "@cooper/ui";
+import { Card, CardContent, CardHeader, CardTitle } from "@cooper/ui/card";
+
+import { api } from "~/trpc/react";
+
+interface RoleCardPreviewProps {
+ className?: string;
+ reviewObj: RoleType;
+}
+
+export function RoleCardPreview({
+ className,
+ reviewObj,
+}: RoleCardPreviewProps) {
+ // ===== COMPANY DATA ===== //
+ const company = api.company.getById.useQuery({
+ id: reviewObj.companyId,
+ });
+
+ // ===== ROLE DATA ===== //
+ const role = api.role.getById.useQuery({ id: reviewObj.id });
+ const reviews = api.review.getByRole.useQuery({ id: reviewObj.id });
+
+ return (
+
+
+
+
+
+
+
+
{role.data?.title}
+
+ Co-op
+
+
+
+ {company.data?.name}
+ {reviews.isSuccess && reviews.data.length > 0 && (
+
+ •
+
+ )}
+ {reviews.isSuccess && reviews.data.length > 0 && (
+ {reviews.data[0]?.location}
+ )}
+
+
+
+
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalRating = reviews.data.reduce(
+ (sum, review) => sum + review.overallRating,
+ 0,
+ );
+ const averageRating = (totalRating / reviews.data.length).toFixed(
+ 1,
+ );
+
+ return (
+
+
+ {averageRating} ({reviews.data.length} reviews)
+
+ );
+ })()}
+
+
+ );
+}
diff --git a/apps/web/src/app/_components/reviews/role-info.tsx b/apps/web/src/app/_components/reviews/role-info.tsx
new file mode 100644
index 0000000..830c40a
--- /dev/null
+++ b/apps/web/src/app/_components/reviews/role-info.tsx
@@ -0,0 +1,237 @@
+"use client";
+
+import Image from "next/image";
+
+import type { RoleType } from "@cooper/db/schema";
+import { cn } from "@cooper/ui";
+import { Card, CardContent, CardHeader, CardTitle } from "@cooper/ui/card";
+
+import { api } from "~/trpc/react";
+import { ReviewCard } from "./review-card";
+import { ReviewCardStars } from "./review-card-stars";
+
+// const InterviewDifficulty = [
+// { des: "Very Easy", color: "text-[#4bc92e]" },
+// { des: "Easy", color: "text-[#09b52b]" },
+// { des: "Neither Easy Nor Difficult", color: "text-cooper-blue-400" },
+// { des: "Difficult", color: "text-[#f27c38]" },
+// { des: "Very Difficult", color: "text-[#f52536]" },
+// ];
+
+interface RoleCardProps {
+ className?: string;
+ roleObj: RoleType;
+}
+
+export function RoleInfo({ className, roleObj }: RoleCardProps) {
+ const reviews = api.review.getByRole.useQuery({ id: roleObj.id });
+
+ const companyQuery = api.company.getById.useQuery(
+ { id: reviews.data?.[0]?.companyId ?? "" },
+ { enabled: !!reviews.data?.[0]?.companyId },
+ );
+
+ // ===== ROLE DATA ===== //
+ const role = api.role.getById.useQuery({ id: roleObj.id });
+
+ const companyData = companyQuery.data;
+
+ return (
+
+
+
+
+
+ {companyData ? (
+
+ ) : (
+
+ )}
+
+
+
+
{role.data?.title}
+
+ Co-op
+
+
+
+ {companyData?.name}
+ {reviews.isSuccess && reviews.data.length > 0 && (
+
+ •
+
+ )}
+ {reviews.isSuccess && reviews.data.length > 0 && (
+ {reviews.data[0]?.location}
+ )}
+
+
+
+
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalRating = reviews.data.reduce(
+ (sum, review) => sum + review.overallRating,
+ 0,
+ );
+ const averageRating = (
+ totalRating / reviews.data.length
+ ).toFixed(1);
+
+ return (
+
+
+ {averageRating} ({reviews.data.length} reviews)
+
+ );
+ })()}
+
+
+
+
+
+ About the Job
+
+
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalPay = reviews.data.reduce(
+ (sum, review) =>
+ sum + parseFloat(review.hourlyPay ?? "0"),
+ 0.0,
+ );
+ const averagePay = totalPay / reviews.data.length;
+
+ return (
+ <>
+ Pay Range
+
+ ${Math.round(averagePay * 100) / 100.0}/hr
+
+
+ );
+ })()}
+
+
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalInterviewDifficulty = reviews.data.reduce(
+ (sum, review) => sum + review.interviewDifficulty,
+ 0,
+ );
+ const averageInterviewDifficulty =
+ totalInterviewDifficulty / reviews.data.length;
+ return (
+ <>
+
+ Interview Difficulty
+
+
+ {Math.round(averageInterviewDifficulty * 100) / 100.0}
+
+
+ );
+ })()}
+
+
+
+
+
+ Ratings
+
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalCultureRating = reviews.data.reduce(
+ (sum, review) => sum + review.cultureRating,
+ 0,
+ );
+ const averageCultureRating =
+ totalCultureRating / reviews.data.length;
+ return (
+ <>
+
+
Company Culture
+
+
+
+ );
+ })()}
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalSupervisorRating = reviews.data.reduce(
+ (sum, review) => sum + review.supervisorRating,
+ 0,
+ );
+ const averageSupervisorRating =
+ totalSupervisorRating / reviews.data.length;
+ return (
+ <>
+
+
Supervisor
+
+
+
+ );
+ })()}
+ {reviews.isSuccess &&
+ reviews.data.length > 0 &&
+ (() => {
+ const totalInterviewRating = reviews.data.reduce(
+ (sum, review) => sum + review.interviewRating,
+ 0,
+ );
+ const averageInterviewRating =
+ totalInterviewRating / reviews.data.length;
+ return (
+ <>
+
+
Interview Rating
+
+
+
+ );
+ })()}
+
+ {reviews.isSuccess && reviews.data.length > 0 && (
+
+
Reviews:
+
+ {reviews.data.map((review) => {
+ return
;
+ })}
+
+ )}
+
+
+ );
+}
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 518bf93..4341575 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -21,7 +21,9 @@ export default {
sans: ["var(--font-sans)", ...fontFamily.sans],
},
colors: {
- "cooper-gray-100": "#DDE8F0",
+ "cooper-gray-100": "#F9F9F9",
+ "cooper-gray-200": "#F7F7F7",
+ "cooper-gray-400": "#5A5A5A",
"cooper-blue-800": "#5A9478",
"cooper-blue-700": "#1D679C",
"cooper-blue-600": "#436F8E",