Onboarding
5 |
5 |
6 | v{appVersion}
7 |
8 |
9 |
10 | );
--------------------------------------------------------------------------------
/src/features/contact/support/contact-support.schema.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | export const ContactSupportSchema = z.object({
4 | email: z.string(),
5 | subject: z.string(),
6 | message: z.string(),
7 | });
8 |
9 | export type ContactSupportSchemaType = z.infer
4 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/[slug]/layout.tsx:
--------------------------------------------------------------------------------
1 | import { ReactElement } from "react";
2 |
3 | interface RootLayoutProps {
4 | params: Promise<{ locale: string }>;
5 | children: ReactElement;
6 | }
7 |
8 | export default async function RootLayout({ children }: RootLayoutProps) {
9 |
10 | return (
11 |
5 |
8 | Settings
6 |Configuration and administration of the system.
7 |
12 | {children}
13 |
14 | )
15 | }
--------------------------------------------------------------------------------
/src/features/statistics/components/index.ts:
--------------------------------------------------------------------------------
1 | export { ExerciseCharts } from "./ExerciseStatisticsTab";
2 | export { WeightProgressionChart } from "./WeightProgressionChart";
3 | export { OneRepMaxChart } from "./OneRepMaxChart";
4 | export { VolumeChart } from "./VolumeChart";
5 | export { TimeframeSelector } from "./TimeframeSelector";
6 | export { ExerciseSelection } from "./ExerciseSelection";
7 |
--------------------------------------------------------------------------------
/src/entities/user/schemas/update-user.schema.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | export const updateUserSchema = z.object({
4 | locale: z.string().optional(),
5 | firstName: z.string().optional(),
6 | lastName: z.string().optional(),
7 | image: z.string().optional(),
8 | revalidatePath: z.string().optional(),
9 | });
10 |
11 | export type UpdateUserInput = z.infer
13 | );
14 |
--------------------------------------------------------------------------------
/src/shared/constants/errors.ts:
--------------------------------------------------------------------------------
1 | export const ERROR_MESSAGES = {
2 | USER_NOT_FOUND: "USER_NOT_FOUND",
3 | PAGE_NOT_FOUND: "PAGE_NOT_FOUND",
4 | UNAUTHORIZED: "UNAUTHORIZED",
5 | USERNAME_ALREADY_TAKEN: "USERNAME_ALREADY_TAKEN",
6 | INVALID_CURRENT_PASSWORD: "INVALID_CURRENT_PASSWORD",
7 | INVALID_NEW_PASSWORD: "INVALID_NEW_PASSWORD",
8 | PASSWORDS_DO_NOT_MATCH: "PASSWORDS_DO_NOT_MATCH",
9 | EMAIL_ALREADY_USED: "EMAIL_ALREADY_USED",
10 | };
11 |
--------------------------------------------------------------------------------
/src/components/ads/HorizontalBottomBanner.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { HorizontalAdBanner } from "@/components/ads/HorizontalAdBanner";
4 |
5 | interface HorizontalBottomBannerProps {
6 | adSlot?: string;
7 | ezoicPlacementId?: string;
8 | }
9 |
10 | export function HorizontalBottomBanner({ adSlot, ezoicPlacementId }: HorizontalBottomBannerProps) {
11 | return 
14 | );
15 |
--------------------------------------------------------------------------------
/src/components/ui/title-with-dot.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/shared/lib/utils";
2 |
3 | export function TitleWithDot({ title, className }: { title: string; className?: string }) {
4 | return (
5 |
6 |
7 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/app/api/programs/route.ts:
--------------------------------------------------------------------------------
1 | import { NextResponse } from "next/server";
2 |
3 | import { getPublicPrograms } from "@/features/programs/actions/get-public-programs.action";
4 |
5 | export async function GET() {
6 | try {
7 | const programs = await getPublicPrograms();
8 | return NextResponse.json(programs);
9 | } catch (error) {
10 | console.error("Error fetching programs:", error);
11 | return NextResponse.json({ error: "Failed to fetch programs" }, { status: 500 });
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/svg/IconCheckboxCheck.tsx:
--------------------------------------------------------------------------------
1 | const IconCheckboxCheck = ({ className }: any) => {
2 | return (
3 |
12 | );
13 | };
14 | export default IconCheckboxCheck;
15 |
--------------------------------------------------------------------------------
/src/features/workout-session/lib/workout-set-labels.ts:
--------------------------------------------------------------------------------
1 | import { TFunction } from "locales/client";
2 |
3 | import { WorkoutSetType } from "../types/workout-set";
4 |
5 | export function getWorkoutSetTypeLabels(t: TFunction): Record{title}
8 |
13 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/components/ads/AdPlaceholder.tsx:
--------------------------------------------------------------------------------
1 | interface AdPlaceholderProps {
2 | width: string;
3 | height: string;
4 | type?: string;
5 | }
6 |
7 | export function AdPlaceholder({ width, height, type = "Ad" }: AdPlaceholderProps) {
8 | return (
9 |
14 |
16 | {content}
15 |
13 |
14 | {type} {width} × {height}
15 |
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/features/auth/model/useLogout.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useRouter } from "next/navigation";
4 | import { useMutation, useQueryClient } from "@tanstack/react-query";
5 |
6 | import { authClient } from "@/features/auth/lib/auth-client";
7 |
8 | export const useLogout = (redirectUrl: string = "/") => {
9 | const router = useRouter();
10 | const queryClient = useQueryClient();
11 |
12 | return useMutation({
13 | mutationFn: async () => {
14 | await authClient.signOut();
15 | router.push(redirectUrl);
16 | queryClient.invalidateQueries({ queryKey: ["session"] });
17 | },
18 | });
19 | };
20 |
--------------------------------------------------------------------------------
/src/features/statistics/types/index.ts:
--------------------------------------------------------------------------------
1 | // Re-export types from shared
2 | export type {
3 | WeightProgressionPoint,
4 | WeightProgressionResponse,
5 | OneRepMaxPoint,
6 | OneRepMaxResponse,
7 | VolumePoint,
8 | VolumeResponse,
9 | ExerciseStatisticsResponse,
10 | StatisticsErrorResponse,
11 | StatisticsRequestParams,
12 | } from "@/shared/types/statistics.types";
13 |
14 | // Client-side specific types
15 | export interface ChartDimensions {
16 | width: number;
17 | height: number;
18 | padding: {
19 | top: number;
20 | right: number;
21 | bottom: number;
22 | left: number;
23 | };
24 | }
25 |
--------------------------------------------------------------------------------
/src/features/workout-session/model/use-workout-sessions.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useQuery } from "@tanstack/react-query";
4 |
5 | import { useWorkoutSessionService } from "@/shared/lib/workout-session/use-workout-session.service";
6 | import { useSession } from "@/features/auth/lib/auth-client";
7 |
8 | export function useWorkoutSessions() {
9 | const { data: session } = useSession();
10 |
11 | const { getAll } = useWorkoutSessionService();
12 |
13 | return useQuery({
14 | queryKey: ["workout-sessions", session?.user?.id],
15 | queryFn: async () => {
16 | return getAll();
17 | },
18 | });
19 | }
20 |
--------------------------------------------------------------------------------
/src/features/workout-session/ui/workout-sessions-synchronizer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect } from "react";
4 | import { useSearchParams } from "next/navigation";
5 |
6 | import { useSyncWorkoutSessions } from "../model/use-sync-workout-sessions";
7 |
8 | export const WorkoutSessionsSynchronizer = () => {
9 | const { syncSessions } = useSyncWorkoutSessions();
10 | const searchParams = useSearchParams();
11 | const isSigninParam = searchParams.get("signin") === "true";
12 |
13 | useEffect(() => {
14 | if (isSigninParam) {
15 | syncSessions();
16 | }
17 | }, [isSigninParam]);
18 |
19 | return null;
20 | };
21 |
--------------------------------------------------------------------------------
/src/features/auth/ui/AuthButtonServer.tsx:
--------------------------------------------------------------------------------
1 | import { SignUpButton } from "@/features/auth/ui/SignUpButton";
2 | import { SignInButton } from "@/features/auth/ui/SignInButton";
3 | import { LoggedInButton } from "@/features/auth/ui/LoggedInButton";
4 | import { serverAuth } from "@/entities/user/model/get-server-session-user";
5 |
6 | export const AuthButtonServer = async () => {
7 | const user = await serverAuth();
8 |
9 | if (user) {
10 | return
15 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/tools/calorie-calculator/shared/components/index.ts:
--------------------------------------------------------------------------------
1 | // Export all shared components
2 | export { GenderSelector } from "./GenderSelector";
3 | export { WeightInput } from "./WeightInput";
4 | export { HeightInput } from "./HeightInput";
5 | export { AgeInput } from "./AgeInput";
6 | export { UnitSelector } from "./UnitSelector";
7 | export { ActivityLevelSelector } from "./ActivityLevelSelector";
8 | export { GoalSelector } from "./GoalSelector";
9 | export { FAQSection } from "./FAQSection";
10 | export { InfoButton } from "./InfoButton";
11 | export { InfoModal } from "./InfoModal";
12 | export { ResultsDisplay } from "./ResultsDisplay";
13 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | services:
2 | postgres:
3 | image: postgres:15
4 | ports:
5 | - "${DB_PORT:-5432}:5432"
6 | volumes:
7 | - pgdata:/var/lib/postgresql/data
8 | healthcheck:
9 | test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
10 | interval: 5s
11 | timeout: 5s
12 | retries: 5
13 | env_file: .env
14 |
15 | workout_cool:
16 | build:
17 | context: .
18 | dockerfile: Dockerfile
19 | ports:
20 | - "${APP_PORT:-3000}:3000"
21 | depends_on:
22 | postgres:
23 | condition: service_healthy
24 | env_file: .env
25 | volumes:
26 | pgdata:
27 |
--------------------------------------------------------------------------------
/src/features/layout/useSidebarToggle.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useCallback, useState } from "react";
4 |
5 | export const useSidebarToggle = () => {
6 | const [isOpen, setIsOpen] = useState(false);
7 |
8 | const toggleSidebar = useCallback(() => {
9 | const sidebar = document.getElementById("sidebar");
10 | const overlay = document.getElementById("overlay");
11 |
12 | if (sidebar) {
13 | sidebar.classList.toggle("open");
14 | }
15 |
16 | if (overlay) {
17 | overlay.classList.toggle("open");
18 | }
19 |
20 | setIsOpen((prev) => !prev);
21 | }, []);
22 |
23 | return { isOpen, toggleSidebar };
24 | };
25 |
--------------------------------------------------------------------------------
/app/[locale]/(admin)/admin/programs/[id]/edit/page.tsx:
--------------------------------------------------------------------------------
1 | import { notFound } from "next/navigation";
2 |
3 | import { ProgramBuilder } from "@/features/admin/programs/ui/program-builder";
4 | import { getProgramById } from "@/features/admin/programs/actions/get-programs.action";
5 |
6 | interface ProgramEditPageProps {
7 | params: Promise<{ id: string }>;
8 | }
9 |
10 | export default async function ProgramEditPage({ params }: ProgramEditPageProps) {
11 | const { id } = await params;
12 |
13 | const program = await getProgramById(id);
14 |
15 | if (!program) {
16 | notFound();
17 | }
18 |
19 | return
6 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/(legal-and-payment)/layout.tsx:
--------------------------------------------------------------------------------
1 | import { LayoutParams } from "@/shared/types/next";
2 |
3 | type LocaleParams = Recordxs
7 | sm
8 | md
9 | lg
10 | xl
11 | 2xl
12 |
10 | {/* Fixe l'espace sous le header flottant */}
11 |
12 |
13 | {/* Contenu principal centré avec marge */}
14 |
15 |
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/scripts/setup.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 |
3 | echo "Running Prisma migrations..."
4 | npx prisma migrate deploy
5 |
6 | echo "Generating Prisma client..."
7 | npx prisma generate
8 |
9 | if [ "$SEED_SAMPLE_DATA" = "true" ]; then
10 | echo "Seed sample data enabled, importing sample data..."
11 | # Import exercises if CSV exists
12 | if [ -f "./data/sample-exercises.csv" ]; then
13 | npx tsx scripts/import-exercises-with-attributes.ts ./data/sample-exercises.csv
14 | else
15 | echo "No exercises sample data found, skipping import."
16 | fi
17 | else
18 | echo "Skipping sample data import."
19 | fi
20 |
21 | echo "Starting the app..."
22 | exec "$@" # runs the CMD from the Dockerfile
23 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/auth/verify-email/layout.tsx:
--------------------------------------------------------------------------------
1 | import { ReactElement } from "react";
2 | import { redirect } from "next/navigation";
3 |
4 | import { getServerUrl } from "@/shared/lib/server-url";
5 | import { paths } from "@/shared/constants/paths";
6 | import { serverRequiredUser } from "@/entities/user/model/get-server-session-user";
7 |
8 | interface RootLayoutProps {
9 | params: Promise<{ locale: string }>;
10 | children: ReactElement;
11 | }
12 |
13 | export default async function RootLayout({ children }: RootLayoutProps) {
14 | const auth = await serverRequiredUser();
15 |
16 | if (auth.emailVerified) {
17 | redirect(`${getServerUrl()}/${paths.root}`);
18 | }
19 |
20 | return children;
21 | }
22 |
--------------------------------------------------------------------------------
/app/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: /
3 | Disallow: /admin/
4 | Disallow: /api/
5 | Disallow: /dashboard/
6 | Disallow: /preview/
7 | Disallow: /auth/
8 | Disallow: /onboarding/
9 | Disallow: /profile/
10 | Disallow: /_next/
11 | Disallow: /.*\?
12 |
13 | # Crawl delay
14 | Crawl-delay: 1
15 |
16 | # Specific bot configurations
17 | User-agent: Googlebot
18 | Allow: /
19 | Disallow: /admin/
20 | Disallow: /api/
21 | Disallow: /auth/
22 | Disallow: /onboarding/
23 | Disallow: /profile/
24 |
25 | User-agent: Bingbot
26 | Allow: /
27 | Disallow: /admin/
28 | Disallow: /api/
29 | Disallow: /auth/
30 | Disallow: /onboarding/
31 | Disallow: /profile/
32 |
33 | # Sitemap
34 | Sitemap: https://www.workout.cool/sitemap.xml
35 |
--------------------------------------------------------------------------------
/src/features/admin/programs/ui/create-program-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState } from "react";
4 | import { Plus } from "lucide-react";
5 |
6 | import { CreateProgramModal } from "./create-program-modal";
7 |
8 | export function CreateProgramButton() {
9 | const [isModalOpen, setIsModalOpen] = useState(false);
10 |
11 | return (
12 | <>
13 |
20 |
21 | {children}
16 |
10 |
18 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/src/shared/hooks/useIsMobile.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState, useEffect } from "react";
4 |
5 | export function useIsMobile(breakpoint: number = 768) {
6 | const [isMobile, setIsMobile] = useState(false);
7 |
8 | useEffect(() => {
9 | // Check if window is defined (client-side)
10 | if (typeof window === "undefined") return;
11 |
12 | const checkIsMobile = () => {
13 | setIsMobile(window.innerWidth < breakpoint);
14 | };
15 |
16 | // Initial check
17 | checkIsMobile();
18 |
19 | // Add event listener
20 | window.addEventListener("resize", checkIsMobile);
21 |
22 | // Cleanup
23 | return () => window.removeEventListener("resize", checkIsMobile);
24 | }, [breakpoint]);
25 |
26 | return isMobile;
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { type VariantProps, cva } from "class-variance-authority";
3 | import * as LabelPrimitive from "@radix-ui/react-label";
4 |
5 | import { cn } from "@/shared/lib/utils";
6 |
7 | const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
8 |
9 | const Label = React.forwardRef<
10 | React.ElementRef{children}
19 |
9 | Loading programs...
}>
18 |
10 |
16 |
17 |
11 |
14 | Programs
12 |Create, edit, view and delete programs.
13 |
11 |
12 |
13 | Error
14 | {result.error}
15 |
16 |
17 |
18 | Home
19 |
20 |
21 |
22 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/features/leaderboard/ui/leaderboard-skeleton.tsx:
--------------------------------------------------------------------------------
1 | import { Skeleton } from "@/components/ui/skeleton";
2 |
3 | const LeaderboardSkeleton: React.FC = () => (
4 |
5 | {[...Array(5)].map((_, i) => (
6 |
20 | );
21 |
22 | export default LeaderboardSkeleton;
23 |
--------------------------------------------------------------------------------
/src/features/leaderboard/hooks/use-top-workout-users.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useQuery } from "@tanstack/react-query";
4 |
5 | import { getTopWorkoutUsersAction, LeaderboardPeriod } from "../actions/get-top-workout-users.action";
6 |
7 | export interface UseTopWorkoutUsersOptions {
8 | refetchInterval?: number;
9 | period?: LeaderboardPeriod;
10 | }
11 |
12 | export function useTopWorkoutUsers(options: UseTopWorkoutUsersOptions = {}) {
13 | const { refetchInterval, period = "all-time" } = options;
14 |
15 | return useQuery({
16 | queryKey: ["top-workout-users", period],
17 | queryFn: async () => {
18 | const result = await getTopWorkoutUsersAction({ period });
19 | return result?.data || [];
20 | },
21 | staleTime: 5 * 60 * 1000, // 5 minutes
22 | refetchInterval,
23 | refetchOnWindowFocus: false,
24 | retry: 3,
25 | });
26 | }
27 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.*
7 | .yarn/*
8 | !.yarn/patches
9 | !.yarn/plugins
10 | !.yarn/releases
11 | !.yarn/versions
12 |
13 | # testing
14 | /coverage
15 |
16 | # next.js
17 | /.next/
18 | /_next/
19 | /out/
20 |
21 | # production
22 | /build
23 |
24 | # misc
25 | .DS_Store
26 | *.pem
27 |
28 | # debug
29 | npm-debug.log*
30 | yarn-debug.log*
31 | yarn-error.log*
32 | .pnpm-debug.log*
33 |
34 | # env files (can opt-in for committing if needed)
35 | .env
36 | .env.local
37 | .env.test
38 | .env.development
39 | .env.production
40 |
41 | # vercel
42 | .vercel
43 |
44 | # typescript
45 | *.tsbuildinfo
46 | next-env.d.ts
47 |
48 | # editors
49 | .idea
50 | .zed
51 | scripts/private/
52 | scripts/personal/
53 | product-development/
54 | .claude/
55 | .cache/
56 |
--------------------------------------------------------------------------------
/src/components/premium/RemoveAdsText.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useRouter } from "next/navigation";
4 | import { Ban } from "lucide-react";
5 |
6 | import { useI18n } from "locales/client";
7 |
8 | export function RemoveAdsText() {
9 | const router = useRouter();
10 | const t = useI18n();
11 |
12 | const handleClick = () => {
13 | router.push("/premium");
14 | };
15 |
16 | return (
17 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/src/features/theme/ui/ThemeSynchronizer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect } from "react";
4 | import { useTheme } from "next-themes";
5 |
6 | /**
7 | * Synchronizes the tag with the current theme (light/dark).
8 | * Ensures the browser UI (mobile address bar, etc.) matches the user's selected theme.
9 | */
10 | export function ThemeSynchronizer() {
11 | const { resolvedTheme } = useTheme();
12 |
13 | useEffect(() => {
14 | const themeColor = resolvedTheme === "dark" ? "#18181b" : "#f3f4f6";
15 | let meta = document.querySelector("meta[name=theme-color]");
16 | if (!meta) {
17 | meta = document.createElement("meta");
18 | meta.setAttribute("name", "theme-color");
19 | document.head.appendChild(meta);
20 | }
21 | meta.setAttribute("content", themeColor);
22 | }, [resolvedTheme]);
23 |
24 | return null;
25 | }
26 |
--------------------------------------------------------------------------------
/src/features/workout-builder/ui/favorite-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@/shared/lib/utils";
4 | import { StarButton } from "@/components/ui/star-button";
5 |
6 | interface FavoriteButtonProps {
7 | exerciseId: string;
8 | isFavorite: boolean;
9 | onToggle: (exerciseId: string) => void;
10 | className?: string;
11 | }
12 |
13 | export const FavoriteButton = ({ exerciseId, isFavorite, onToggle, className = "" }: FavoriteButtonProps) => {
14 | const handleToggle = (e: React.MouseEvent) => {
15 | e.stopPropagation();
16 |
17 | try {
18 | onToggle(exerciseId);
19 | } catch (error) {
20 | console.error("Failed to toggle favorite:", error);
21 | }
22 | };
23 |
24 | return (
25 |
7 |
18 | ))}
19 |
10 |
13 |
14 |
17 |
15 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/prisma/migrations_backup/20250414174246_rename_feedbacks/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - You are about to drop the `Feedback` table. If the table is not empty, all the data it contains will be lost.
5 |
6 | */
7 | -- DropForeignKey
8 | ALTER TABLE "Feedback" DROP CONSTRAINT "Feedback_userId_fkey";
9 |
10 | -- DropTable
11 | DROP TABLE "Feedback";
12 |
13 | -- CreateTable
14 | CREATE TABLE "feedbacks" (
15 | "id" TEXT NOT NULL,
16 | "review" INTEGER NOT NULL,
17 | "message" TEXT NOT NULL,
18 | "email" TEXT,
19 | "userId" TEXT,
20 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
21 | "updatedAt" TIMESTAMP(3) NOT NULL,
22 |
23 | CONSTRAINT "feedbacks_pkey" PRIMARY KEY ("id")
24 | );
25 |
26 | -- AddForeignKey
27 | ALTER TABLE "feedbacks" ADD CONSTRAINT "feedbacks_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE SET NULL ON UPDATE CASCADE;
28 |
--------------------------------------------------------------------------------
/prisma/migrations_backup/20250707114920_add_user_favorite_exercises/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "user_favorite_exercises" (
3 | "id" TEXT NOT NULL,
4 | "userId" TEXT NOT NULL,
5 | "exerciseId" TEXT NOT NULL,
6 | "updatedAt" TIMESTAMP(3) NOT NULL,
7 |
8 | CONSTRAINT "user_favorite_exercises_pkey" PRIMARY KEY ("id")
9 | );
10 |
11 | -- CreateIndex
12 | CREATE UNIQUE INDEX "user_favorite_exercises_userId_exerciseId_key" ON "user_favorite_exercises"("userId", "exerciseId");
13 |
14 | -- AddForeignKey
15 | ALTER TABLE "user_favorite_exercises" ADD CONSTRAINT "user_favorite_exercises_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE CASCADE ON UPDATE CASCADE;
16 |
17 | -- AddForeignKey
18 | ALTER TABLE "user_favorite_exercises" ADD CONSTRAINT "user_favorite_exercises_exerciseId_fkey" FOREIGN KEY ("exerciseId") REFERENCES "exercises"("id") ON DELETE CASCADE ON UPDATE CASCADE;
19 |
--------------------------------------------------------------------------------
/src/entities/user/lib/display-name.ts:
--------------------------------------------------------------------------------
1 | import { SessionUser } from "@/entities/user/types/session-user";
2 |
3 | export function displayName(user: SessionUser): string {
4 | return user.name
5 | ? user.name
6 | : user.email
7 | .split("@")[0]
8 | .replaceAll(".", " ")
9 | .replace(/^\w/, (c) => c.toUpperCase());
10 | }
11 |
12 | export function displayFullName({ firstName, lastName }: { firstName: string; lastName: string }): string {
13 | return `${firstName} ${lastName}`;
14 | }
15 |
16 | export function displayFirstNameAndFirstLetterLastName(user: SessionUser): string {
17 | return `${user.firstName} ${user.lastName?.charAt(0)}.`;
18 | }
19 |
20 | export const displayFirstName = (user: SessionUser): string => {
21 | return user.firstName;
22 | };
23 |
24 | export const displayInitials = (user: SessionUser): string => {
25 | return user.firstName.charAt(0) + user.lastName.charAt(0);
26 | };
27 |
--------------------------------------------------------------------------------
/prisma/migrations_backup/20250117000000_add_statistics_indexes/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateIndex for exercise statistics queries
2 | -- Index for workout_session_exercises by exerciseId and session date
3 | CREATE INDEX "workout_session_exercises_exerciseId_idx" ON "workout_session_exercises"("exerciseId");
4 |
5 | -- Index for workout_sessions by userId and createdAt
6 | CREATE INDEX "workout_sessions_userId_createdAt_idx" ON "workout_sessions"("userId", "createdAt");
7 |
8 | -- Index for workout_sets by completed status and types array
9 | CREATE INDEX "workout_sets_completed_idx" ON "workout_sets"("completed");
10 |
11 | -- Composite index for efficient statistics queries
12 | CREATE INDEX "workout_sessions_userId_createdAt_desc_idx" ON "workout_sessions"("userId", "createdAt" DESC);
13 |
14 | -- Index for workoutSessionExerciseId lookups
15 | CREATE INDEX "workout_sets_workoutSessionExerciseId_idx" ON "workout_sets"("workoutSessionExerciseId");
--------------------------------------------------------------------------------
/src/features/leaderboard/hooks/use-user-position.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useQuery } from "@tanstack/react-query";
4 |
5 | import { getUserPositionAction } from "../actions/get-user-position.action";
6 | import { LeaderboardPeriod } from "../actions/get-top-workout-users.action";
7 |
8 | interface UseUserPositionOptions {
9 | userId: string | undefined;
10 | period: LeaderboardPeriod;
11 | enabled?: boolean;
12 | }
13 |
14 | export function useUserPosition({ userId, period, enabled = true }: UseUserPositionOptions) {
15 | return useQuery({
16 | queryKey: ["user-position", userId, period],
17 | queryFn: async () => {
18 | if (!userId) return null;
19 | const result = await getUserPositionAction({ userId, period });
20 | return result?.data || null;
21 | },
22 | enabled: enabled && !!userId,
23 | staleTime: 5 * 60 * 1000, // 5 minutes
24 | refetchOnWindowFocus: false,
25 | });
26 | }
27 |
--------------------------------------------------------------------------------
/src/features/contact/support/contact-support.action.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import ContactSupportEmail from "@emails/ContactSupportEmail";
4 | import { sendEmail } from "@/shared/lib/mail/sendEmail";
5 | import { SiteConfig } from "@/shared/config/site-config";
6 | import { actionClient } from "@/shared/api/safe-actions";
7 |
8 | import { ContactSupportSchema } from "./contact-support.schema";
9 |
10 | export const contactSupportAction = actionClient.schema(ContactSupportSchema).action(async ({ parsedInput }) => {
11 | await sendEmail({
12 | from: SiteConfig.email.from,
13 | to: SiteConfig.email.contact,
14 | subject: `Support needed from ${parsedInput.email} - ${parsedInput.subject}`,
15 | text: parsedInput.message,
16 | react: ContactSupportEmail({ email: parsedInput.email, message: parsedInput.message, subject: parsedInput.subject }),
17 | });
18 | return { message: "Your message has been sent to support." };
19 | });
20 |
--------------------------------------------------------------------------------
/src/features/theme/ThemeToggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useTheme } from "next-themes";
4 | import { MoonIcon, SunIcon } from "lucide-react";
5 |
6 | import { Button } from "@/components/ui/button";
7 |
8 | export function ThemeToggle() {
9 | const { setTheme, resolvedTheme } = useTheme();
10 |
11 | return (
12 | {children}
17 |
13 |
24 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { cn } from "@/shared/lib/utils";
4 |
5 | export interface TextareaProps extends React.TextareaHTMLAttributes
18 | {/* Notch */}
19 |
20 | {/* Screen Content */}
21 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/leaderboard/page.tsx:
--------------------------------------------------------------------------------
1 | import { Metadata } from "next";
2 |
3 | import { Locale } from "locales/types";
4 | import { getI18n } from "locales/server";
5 | import LeaderboardPage from "@/features/leaderboard/ui/leaderboard-page";
6 | import { Breadcrumbs } from "@/components/seo/breadcrumbs";
7 |
8 | export const metadata: Metadata = {
9 | title: "🏆 Workout Streak Leaderboard",
10 | description: "See who's dominating their fitness journey with the longest workout streaks! Join the leaderboard and track your progress.",
11 | };
12 |
13 | export default async function LeaderboardRootPage({ params }: { params: Promise<{ locale: string }> }) {
14 | const { locale } = (await params) as { locale: Locale };
15 | const t = await getI18n();
16 |
17 | const breadcrumbItems = [
18 | {
19 | label: t("breadcrumbs.home"),
20 | href: `/${locale}`,
21 | },
22 | {
23 | label: t("bottom_navigation.leaderboard"),
24 | current: true,
25 | },
26 | ];
27 |
28 | return (
29 | <>
30 |
22 | {children}
23 | {/* Home Indicator Bar */}
24 |
25 |
26 | - {SiteConfig.maker.name} from {SiteConfig.title} 25 |
17 |
34 | );
35 | }
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "background_color": "#f3f4f6",
3 | "categories": ["health", "fitness", "sports"],
4 | "description": "Your personal workout companion - track workouts, build routines, and stay motivated",
5 | "display": "standalone",
6 | "icons": [
7 | {
8 | "src": "/images/favicon-16x16.png",
9 | "sizes": "16x16",
10 | "type": "image/png"
11 | },
12 | {
13 | "src": "/images/favicon-32x32.png",
14 | "sizes": "32x32",
15 | "type": "image/png"
16 | },
17 | {
18 | "src": "/apple-touch-icon.png",
19 | "sizes": "180x180",
20 | "type": "image/png",
21 | "purpose": "any maskable"
22 | },
23 | {
24 | "src": "/android-chrome-192x192.png",
25 | "sizes": "192x192",
26 | "type": "image/png",
27 | "purpose": "any maskable"
28 | },
29 | {
30 | "src": "/android-chrome-512x512.png",
31 | "sizes": "512x512",
32 | "type": "image/png",
33 | "purpose": "any maskable"
34 | }
35 | ],
36 | "lang": "en",
37 | "name": "Workout Cool",
38 | "orientation": "portrait",
39 | "scope": "/",
40 | "short_name": "Workout Cool",
41 | "start_url": "/",
42 | "theme_color": "#FF5722"
43 | }
44 |
--------------------------------------------------------------------------------
/src/components/ads/InArticle.tsx:
--------------------------------------------------------------------------------
1 | import { env } from "@/env";
2 | import { AdPlaceholder } from "@/components/ads/AdPlaceholder";
3 |
4 | import { GoogleAdSense } from "./GoogleAdSense";
5 | import { AdWrapper } from "./AdWrapper";
6 |
7 | export function InArticle({ adSlot }: { adSlot: string }) {
8 | const isDevelopment = process.env.NODE_ENV === "development";
9 |
10 | if (!env.NEXT_PUBLIC_AD_CLIENT) {
11 | return null;
12 | }
13 |
14 | return (
15 |
18 |
21 |
22 | {t("register_title")}
19 |{t("register_description")}
20 |
25 |
33 | 26 | {t("register_terms")}{" "} 27 | 28 | {t("register_privacy")} 29 | {" "} 30 | . 31 |
32 |
17 |
36 |
18 | {isDevelopment ? (
19 |
35 |
16 | {image &&
28 | {image}
}
17 |
18 | {icon}
19 |
27 |
20 | {title && {title} }
21 | {description}
22 |
23 | {action}
24 |
25 | {close}
26 | {children}
;
7 | };
8 |
9 | export const BentoGridItem = ({
10 | className,
11 | title,
12 | description,
13 | header,
14 | icon,
15 | }: {
16 | className?: string;
17 | title?: string | React.ReactNode;
18 | description?: string | React.ReactNode;
19 | header?: React.ReactNode;
20 | icon?: React.ReactNode;
21 | }) => {
22 | return (
23 |
29 | {header}
30 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/(legal-and-payment)/legal/privacy/page.tsx:
--------------------------------------------------------------------------------
1 | import { getLocalizedMdx } from "@/shared/lib/mdx/load-mdx";
2 | import { Typography } from "@/components/ui/typography";
3 |
4 | type PageProps = {
5 | params: Promise<{ locale: string }>;
6 | };
7 |
8 | export default async function PrivacyPolicyPage({ params }: PageProps) {
9 | const { locale } = await params;
10 | const content = await getLocalizedMdx("privacy-policy", locale);
11 |
12 | return (
13 |
31 | {icon}
32 | {title}
33 | {description}
34 |
35 |
14 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/tools/calorie-calculator/shared/components/InfoButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 | import { InfoIcon } from "lucide-react";
5 |
6 | import { useIsMobile } from "@/shared/hooks/useIsMobile";
7 |
8 | interface InfoButtonProps {
9 | onClick: () => void;
10 | tooltip?: React.ReactNode;
11 | }
12 |
13 | export function InfoButton({ onClick, tooltip }: InfoButtonProps) {
14 | const isMobile = useIsMobile();
15 |
16 | return (
17 |
15 |
16 |
17 | {locale === "fr" ? "Politique de Confidentialité" : "Privacy Policy"}
18 |
19 |
25 |
26 |
28 | 20 | {locale === "fr" 21 | ? "Voici comment nous traitons vos données personnelles." 22 | : "How we handle your personal data at Workout Cool."} 23 |
24 |{content}
27 |
18 |
25 | {!isMobile && tooltip && (
26 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/src/components/ui/local-alert.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Link from "next/link";
3 |
4 | import { useI18n } from "locales/client";
5 | import { cn } from "@/shared/lib/utils";
6 | import { paths } from "@/shared/constants/paths";
7 | import { Alert, AlertDescription } from "@/components/ui/alert";
8 |
9 | interface LocalAlertProps {
10 | className?: string;
11 | }
12 |
13 | export const LocalAlert = ({ className }: LocalAlertProps) => {
14 | const t = useI18n();
15 |
16 | return (
17 |
27 | {tooltip}
28 |
29 | )}
30 | 21 | 22 | {t("profile.alert.create_account")} 23 | 24 | {t("commons.or").toLocaleLowerCase()} 25 | 26 | {t("profile.alert.log_in")} 27 | 28 | {t("profile.alert.to_ensure_it_is_not_getting_lost")} 29 |
23 | {/* Sidebar */}
24 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/src/entities/exercise/shared/muscles.tsx:
--------------------------------------------------------------------------------
1 | import { ExerciseAttributeNameEnum } from "@prisma/client";
2 |
3 | import { ExerciseAttribute, ExerciseWithAttributes } from "@/entities/exercise/types/exercise.types";
4 |
5 | export const getAttributeName = (attr: ExerciseAttribute) => {
6 | return typeof attr.attributeName === "string" ? attr.attributeName : attr.attributeName.name;
7 | };
8 |
9 | export const getAttributeValue = (attr: ExerciseAttribute) => {
10 | return typeof attr.attributeValue === "string" ? attr.attributeValue : attr.attributeValue.value;
11 | };
12 |
13 | const getAttributesByName = (attributes: ExerciseAttribute[], name: ExerciseAttributeNameEnum) => {
14 | return attributes.filter((attr) => getAttributeName(attr) === name);
15 | };
16 |
17 | export const getPrimaryMuscle = (attributes: ExerciseAttribute[]): ExerciseAttribute | undefined => {
18 | return getAttributesByName(attributes, ExerciseAttributeNameEnum.PRIMARY_MUSCLE)[0];
19 | };
20 |
21 | export const getSecondaryMuscles = (attributes: ExerciseAttribute[]) => {
22 | return getAttributesByName(attributes, ExerciseAttributeNameEnum.SECONDARY_MUSCLE);
23 | };
24 |
25 | export const getExerciseAttributesValueOf = (exercise: ExerciseWithAttributes, name: ExerciseAttributeNameEnum) => {
26 | return getAttributesByName(exercise.attributes, name).map(getAttributeValue);
27 | };
28 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/premium/page.tsx:
--------------------------------------------------------------------------------
1 | import { Metadata } from "next";
2 |
3 | import { PremiumUpgradeCard } from "@/features/premium/ui/premium-upgrade-card";
4 |
5 | export const metadata: Metadata = {
6 | title: "Premium Plans - Train freely, support the mission",
7 | description:
8 | "Join thousands of fitness enthusiasts who believe in open-source training freedom. Support our mission while unlocking advanced features.",
9 | keywords: ["premium", "fitness", "workout", "open-source", "subscription", "training"],
10 | openGraph: {
11 | title: "Premium Plans - Support the Workout.cool Mission 💪",
12 | description: "For passionate fitness enthusiasts who believe in open-source and training freedom. Core features always free!",
13 | type: "website",
14 | },
15 | twitter: {
16 | card: "summary_large_image",
17 | title: "Premium Plans - Workout.cool",
18 | description: "Train freely, support the mission. Join the passionate fitness community!",
19 | },
20 | };
21 |
22 | export default function PremiumPage() {
23 | return (
24 |
28 | {/* Header */}
29 |
33 |
35 |
36 | {children}
34 |
25 | {/* Main Content */}
26 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/ads/EzoicAd.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect } from "react";
4 |
5 | interface EzoicAdProps {
6 | placementId: string;
7 | className?: string;
8 | }
9 |
10 | declare global {
11 | interface Window {
12 | ezstandalone: {
13 | cmd: Array<() => void>;
14 | showAds: (placementId?: string | string[]) => void;
15 | };
16 | }
17 | }
18 |
19 | export function EzoicAd({ placementId, className = "" }: EzoicAdProps) {
20 | const divId = `ezoic-pub-ad-placeholder-${placementId}`;
21 |
22 | useEffect(() => {
23 | const loadEzoicAd = () => {
24 | if (typeof window !== "undefined" && window.ezstandalone) {
25 | try {
26 | window.ezstandalone.cmd = window.ezstandalone.cmd || [];
27 | window.ezstandalone.cmd.push(function () {
28 | if (window.ezstandalone && window.ezstandalone.showAds) {
29 | window.ezstandalone.showAds(placementId);
30 | }
31 | });
32 | } catch (error) {
33 | console.error("Error loading Ezoic ad:", error);
34 | }
35 | }
36 | };
37 |
38 | // Delay slightly to ensure Ezoic scripts are loaded
39 | const timeoutId = setTimeout(loadEzoicAd, 100);
40 |
41 | return () => clearTimeout(timeoutId);
42 | }, [placementId]);
43 |
44 | return ;
45 | }
46 |
--------------------------------------------------------------------------------
/src/entities/exercise/types/exercise.types.ts:
--------------------------------------------------------------------------------
1 | import { ExerciseAttributeNameEnum, ExerciseAttributeValueEnum } from "@prisma/client";
2 |
3 | // import { I18nName, I18nField } from "@/shared/types/i18n.types";
4 |
5 | // Base exercise type
6 | export interface BaseExercise {
7 | id: string;
8 | fullVideoUrl?: string | null;
9 | fullVideoImageUrl?: string | null;
10 | introduction: string | null;
11 | introductionEn: string | null;
12 | name: string;
13 | nameEn: string | null;
14 | description: string;
15 | descriptionEn: string | null;
16 | createdAt: Date;
17 | updatedAt: Date;
18 | }
19 |
20 | export interface ExerciseAttribute {
21 | id: string;
22 | exerciseId: string;
23 | attributeNameId: string;
24 | attributeValueId: string;
25 | attributeName: ExerciseAttributeNameEnum | { name: ExerciseAttributeNameEnum; id: string };
26 | attributeValue: ExerciseAttributeValueEnum | { value: ExerciseAttributeValueEnum; id: string };
27 | }
28 |
29 | // Exercise with attributes
30 | export interface ExerciseWithAttributes extends BaseExercise {
31 | attributes: ExerciseAttribute[];
32 | }
33 |
34 | // Suggested set for program exercises
35 | export interface SuggestedSet {
36 | id: string;
37 | programExerciseId: string;
38 | setIndex: number;
39 | types: string[];
40 | valuesInt: number[];
41 | valuesSec: number[];
42 | units: string[];
43 | }
44 |
--------------------------------------------------------------------------------
/src/components/ui/link.tsx:
--------------------------------------------------------------------------------
1 | import { forwardRef } from "react";
2 | import NextLink from "next/link";
3 |
4 | import { cn } from "@/shared/lib/utils";
5 |
6 | import type { ComponentProps } from "react";
7 |
8 | interface LinkProps extends ComponentProps
27 |
29 |
30 | {/* Mobile Sticky CTA */}
31 | {/*
15 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/(legal-and-payment)/legal/sales-terms/page.tsx:
--------------------------------------------------------------------------------
1 | import { getLocalizedMdx } from "@/shared/lib/mdx/load-mdx";
2 | import { Layout, LayoutContent } from "@/features/page/layout";
3 | import { Typography } from "@/components/ui/typography";
4 |
5 | type PageProps = {
6 | params: Promise<{ locale: string }>;
7 | };
8 |
9 | export default async function SalesTermsPage({ params }: PageProps) {
10 | const { locale } = await params;
11 | const content = await getLocalizedMdx("sales-terms", locale);
12 |
13 | return (
14 |
16 |
17 |
18 | {locale === "fr" ? "Conditions Générales d’Utilisation" : "Terms of Use"}
19 |
20 |
26 |
27 |
28 | {content}
29 |
30 |
31 | 21 | {locale === "fr" 22 | ? "Merci de lire attentivement ces conditions avant d’utiliser nos services." 23 | : "Please read these terms carefully before using our services."} 24 |
25 |
15 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/src/features/workout-builder/types/index.ts:
--------------------------------------------------------------------------------
1 | import { StaticImageData } from "next/image";
2 | import { ExerciseAttributeValueEnum, WorkoutSet } from "@prisma/client";
3 |
4 | import { ExerciseWithAttributes } from "@/entities/exercise/types/exercise.types";
5 |
6 | // Re-export the type for consistency
7 | export type { ExerciseWithAttributes };
8 |
9 | export interface WorkoutBuilderState {
10 | currentStep: number;
11 | selectedEquipment: ExerciseAttributeValueEnum[];
12 | selectedMuscles: ExerciseAttributeValueEnum[];
13 | selectedExercises: string[];
14 | }
15 |
16 | export type WorkoutBuilderStep = 1 | 2 | 3;
17 |
18 | export interface StepperStepProps {
19 | stepNumber: number;
20 | title: string;
21 | description: string;
22 | isActive: boolean;
23 | isCompleted: boolean;
24 | }
25 |
26 | export interface EquipmentItem {
27 | value: ExerciseAttributeValueEnum;
28 | label: string;
29 | icon: StaticImageData;
30 | description?: string;
31 | className?: string;
32 | }
33 |
34 | // Types pour les exercices avec leurs attributs
35 | export type WorkoutBuilderExerciseWithAttributes = ExerciseWithAttributes & {
36 | order: number;
37 | };
38 |
39 | export type ExerciseWithAttributesAndSets = ExerciseWithAttributes & {
40 | sets: WorkoutSet[];
41 | };
42 |
43 | export interface ExercisesByMuscle {
44 | muscle: ExerciseAttributeValueEnum;
45 | exercises: ExerciseWithAttributes[];
46 | }
47 |
--------------------------------------------------------------------------------
/app/[locale]/(app)/auth/verify-request/page.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 |
3 | import { SiteConfig } from "@/shared/config/site-config";
4 | import { Typography } from "@/components/ui/typography";
5 | import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
6 |
7 | interface VerifyRequestPageParams {
8 | params: Promise
16 |
17 |
18 | {locale === "fr" ? "Conditions Générales de Vente" : "General Terms of Sale"}
19 |
20 |
26 |
27 |
28 | {content}
29 |
30 |
31 | 21 | {locale === "fr" 22 | ? "Les conditions qui régissent l’achat d’un abonnement Workout Cool." 23 | : "The terms governing the purchase of a Workout Cool subscription."} 24 |
25 |
15 |
16 | {SiteConfig.title}
18 |
19 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/ads/VerticalAdBanner.tsx:
--------------------------------------------------------------------------------
1 | import { env } from "@/env";
2 |
3 | import { GoogleAdSense } from "./GoogleAdSense";
4 | import { EzoicAd } from "./EzoicAd";
5 | import { AdWrapper } from "./AdWrapper";
6 | import { AdPlaceholder } from "./AdPlaceholder";
7 |
8 | interface VerticalAdBannerProps {
9 | adSlot: string;
10 | ezoicPlacementId?: string;
11 | position?: "left" | "right";
12 | }
13 |
14 | export function VerticalAdBanner({ adSlot, ezoicPlacementId, position = "left" }: VerticalAdBannerProps) {
15 | const isDevelopment = process.env.NODE_ENV === "development";
16 | const useEzoic = env.NEXT_PUBLIC_AD_PROVIDER === "ezoic" && ezoicPlacementId;
17 |
18 | if (!env.NEXT_PUBLIC_AD_CLIENT && !useEzoic) {
19 | return null;
20 | }
21 |
22 | return (
23 |
20 |
21 |
22 | Almost There!
23 |
24 | {
25 | "To complete the verification, head over to your email inbox. You'll find a magic link from us. Click on it, and you're all set!"
26 | }
27 |
28 |
29 |
30 |
31 |
25 | {isDevelopment ? (
26 |
37 |