+
-
-
Mobile Not Supported
-
- ThinkEx is currently optimized for desktop use only. For the best experience, please access ThinkEx from a desktop or laptop computer.
+
+
+
+ ThinkEx is built for desktop
+
+
+ Watch what you can do on your computer
-
+
+
+ Your browser does not support the video tag.
+
+
+
+
+
+ Get the link in your inbox
+
+
+ {isSent ? (
+
+
+
+ Check your inbox!
+
+
{email}
+
+ ) : (
+
+ )}
+
+
+
+ © {new Date().getFullYear()} ThinkEx
+
+
+
+
+ );
+}
+
+function SmallScreenWarning() {
+ return (
+
+
+
+
+
+
+
+ Window too small
+
- Interested in mobile support? Let us know at{" "}
-
- support@thinkex.app
-
+ Please resize your browser window to continue using ThinkEx.
-
-
- {
- window.location.href = `mailto:support@thinkex.app?subject=${emailSubject}&body=${emailBody}`;
- }}
- className="w-full"
- >
- I'm interested
-
-
);
}
+
+export function MobileWarning() {
+ const isMobileDevice = useIsMobileDevice();
+ const isSmallScreen = useIsMobile();
+ const [isMounted, setIsMounted] = useState(false);
+
+ useEffect(() => {
+ setIsMounted(true);
+ }, []);
+
+ if (!isMounted) {
+ return null;
+ }
+
+ if (isMobileDevice) {
+ return
;
+ }
+
+ if (isSmallScreen) {
+ return
;
+ }
+
+ return null;
+}
diff --git a/src/hooks/ui/use-mobile-device.ts b/src/hooks/ui/use-mobile-device.ts
new file mode 100644
index 00000000..614176e0
--- /dev/null
+++ b/src/hooks/ui/use-mobile-device.ts
@@ -0,0 +1,20 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+const MOBILE_UA_REGEX =
+ /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|Tablet/i;
+
+export function useIsMobileDevice(): boolean {
+ const [isMobileDevice, setIsMobileDevice] = useState(false);
+
+ useEffect(() => {
+ const ua = navigator.userAgent;
+ const isMobileUA = MOBILE_UA_REGEX.test(ua);
+ const isIPad = /Macintosh/i.test(ua) && navigator.maxTouchPoints > 1;
+
+ setIsMobileDevice(isMobileUA || isIPad);
+ }, []);
+
+ return isMobileDevice;
+}
From 472082c1f3503fd01989e984866c7ab783941f76 Mon Sep 17 00:00:00 2001
From: urjitc <135136842+urjitc@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:32:29 +0000
Subject: [PATCH 2/3] Add rate limiting to mobile reminder API
---
src/app/api/mobile-reminder/route.ts | 32 ++++++++++++++++++++++++++++
1 file changed, 32 insertions(+)
diff --git a/src/app/api/mobile-reminder/route.ts b/src/app/api/mobile-reminder/route.ts
index c570f4de..89cde176 100644
--- a/src/app/api/mobile-reminder/route.ts
+++ b/src/app/api/mobile-reminder/route.ts
@@ -3,6 +3,25 @@ import { NextRequest, NextResponse } from "next/server";
import { Resend } from "resend";
const resend = new Resend(process.env.RESEND_API_KEY);
+const WINDOW_MS = 60 * 60 * 1000;
+const rateLimitMap = new Map
();
+
+function isRateLimited(key: string, maxAttempts: number): boolean {
+ const now = Date.now();
+ const entry = rateLimitMap.get(key);
+
+ if (!entry || now > entry.resetAt) {
+ rateLimitMap.set(key, { count: 1, resetAt: now + WINDOW_MS });
+ return false;
+ }
+
+ if (entry.count >= maxAttempts) {
+ return true;
+ }
+
+ entry.count++;
+ return false;
+}
export async function POST(request: NextRequest) {
try {
@@ -21,6 +40,19 @@ export async function POST(request: NextRequest) {
}
const normalizedEmail = email.trim().toLowerCase();
+ const ipAddress =
+ request.headers.get("x-forwarded-for")?.split(",")[0]?.trim() ||
+ "unknown";
+
+ if (
+ isRateLimited(`email:${normalizedEmail}`, 2) ||
+ isRateLimited(`ip:${ipAddress}`, 10)
+ ) {
+ return NextResponse.json(
+ { error: "Too many requests. Please try again later." },
+ { status: 429 },
+ );
+ }
const { error } = await resend.emails.send({
from: "ThinkEx ",
From fbf2c95dc0be564e413e504767f346f91b9b82cd Mon Sep 17 00:00:00 2001
From: urjitc <135136842+urjitc@users.noreply.github.com>
Date: Wed, 15 Apr 2026 02:25:29 +0000
Subject: [PATCH 3/3] Harden mobile reminder validation
---
src/app/api/mobile-reminder/route.ts | 30 +++++++++++++++++--
.../email/desktop-reminder-email.tsx | 2 +-
src/components/email/invite-email.tsx | 8 +++--
3 files changed, 34 insertions(+), 6 deletions(-)
diff --git a/src/app/api/mobile-reminder/route.ts b/src/app/api/mobile-reminder/route.ts
index 89cde176..5f015f76 100644
--- a/src/app/api/mobile-reminder/route.ts
+++ b/src/app/api/mobile-reminder/route.ts
@@ -12,6 +12,13 @@ function isRateLimited(key: string, maxAttempts: number): boolean {
if (!entry || now > entry.resetAt) {
rateLimitMap.set(key, { count: 1, resetAt: now + WINDOW_MS });
+ if (rateLimitMap.size > 100) {
+ for (const [existingKey, value] of rateLimitMap) {
+ if (now > value.resetAt) {
+ rateLimitMap.delete(existingKey);
+ }
+ }
+ }
return false;
}
@@ -25,21 +32,38 @@ function isRateLimited(key: string, maxAttempts: number): boolean {
export async function POST(request: NextRequest) {
try {
- const { email } = await request.json();
+ let body: unknown;
+ try {
+ body = await request.json();
+ } catch {
+ return NextResponse.json(
+ { error: "Invalid request body" },
+ { status: 400 },
+ );
+ }
+
+ const { email } = body as { email?: unknown };
if (!email || typeof email !== "string") {
return NextResponse.json({ error: "Email is required" }, { status: 400 });
}
+ const normalizedEmail = email.trim().toLowerCase();
+ if (normalizedEmail.length > 254) {
+ return NextResponse.json(
+ { error: "Invalid email address" },
+ { status: 400 },
+ );
+ }
+
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
- if (!emailRegex.test(email.trim())) {
+ if (!emailRegex.test(normalizedEmail)) {
return NextResponse.json(
{ error: "Invalid email address" },
{ status: 400 },
);
}
- const normalizedEmail = email.trim().toLowerCase();
const ipAddress =
request.headers.get("x-forwarded-for")?.split(",")[0]?.trim() ||
"unknown";
diff --git a/src/components/email/desktop-reminder-email.tsx b/src/components/email/desktop-reminder-email.tsx
index 7a5ad968..1456bee8 100644
--- a/src/components/email/desktop-reminder-email.tsx
+++ b/src/components/email/desktop-reminder-email.tsx
@@ -15,7 +15,7 @@ import {
export function DesktopReminderEmail() {
return (
-
+
+
{workspaceUrl}
+