diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx index d061bf2..cb288a3 100644 --- a/src/app/(dashboard)/dashboard/page.tsx +++ b/src/app/(dashboard)/dashboard/page.tsx @@ -24,8 +24,10 @@ import { SelectValue, } from "@/components/ui/select" import { DashboardStats } from "@/types" +import { useWebsiteTheme } from "@/providers/website-theme-provider" export default function DashboardPage() { + const { websiteTheme } = useWebsiteTheme() const [period, setPeriod] = useState("6months") const [stats, setStats] = useState(null) const pollingRef = useRef(null) @@ -84,7 +86,7 @@ export default function DashboardPage() { -

Pipeline Overview

+

Pipeline Overview

{stats @@ -95,7 +97,7 @@ export default function DashboardPage() { }
-

Analytics

+

Analytics

@@ -104,12 +106,13 @@ export default function DashboardPage() {
- {/* Daily Bugle watermark */} -
- - DAILY BUGLE - -
+ {websiteTheme === "spidey" && ( +
+ + DAILY BUGLE + +
+ )} ) } diff --git a/src/app/call/[roomId]/page.tsx b/src/app/call/[roomId]/page.tsx index 780d963..f438469 100644 --- a/src/app/call/[roomId]/page.tsx +++ b/src/app/call/[roomId]/page.tsx @@ -53,24 +53,24 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str if (!joined) { return ( -
-
+
+
{connectionTimeout ? ( <> -

This call is no longer available.

+

This call is no longer available.

) : !isReady ? ( <>
- -

Connecting to call...

+ +

Connecting to call...

) : ( <> -

Join Call

+

Join Call

{micError && ( -

{micError}

+

{micError}

)} setDisplayName(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") handleJoin() }} placeholder="Enter your name" - className="bg-[#F5F5F5] dark:bg-[#1A1A1A] border border-[#E0E0E0] dark:border-[#333333] text-[#111111] dark:text-white placeholder-[#AAAAAA] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full mb-4 outline-none transition-colors focus:border-[#CC0000] dark:focus:border-[#FF4444]" + className="bg-[#FAFAF6] dark:bg-[#1A1A1A] border border-[#D4D8CC] dark:border-[#333333] text-[#2D3020] dark:text-white placeholder-[#8A9078] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full mb-4 outline-none transition-colors focus:border-[#C84B4B] dark:focus:border-[#FF4444]" />
@@ -112,21 +112,21 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str {callState === "waiting" && (
-

Waiting for participant

-

Share the call link to invite someone...

+

Waiting for participant

+

Share the call link to invite someone...

{participants.length > 0 && ( -
-
+
+
Participants ({participants.length})
{participants.map((p) => ( -
{p.label}
+
{p.label}
))}
)}
-
@@ -135,21 +135,21 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str {callState === "participant_joined" && (
-

Participant joined

+

Participant joined

{participants.length > 0 && ( -
-
+
+
Participants ({participants.length})
{participants.map((p) => ( -
{p.label}
+
{p.label}
))}
)} -

Connecting...

+

Connecting...

-
@@ -158,10 +158,10 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str {callState === "connecting" && (
-

Connecting

-

Establishing secure connection...

+

Connecting

+

Establishing secure connection...

-
@@ -170,37 +170,37 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str {callState === "connected" && (
-

Connected

+

Connected

{participants.length > 0 && ( -
-
+
+
Participants ({participants.length})
{participants.map((p) => ( -
{p.label}
+
{p.label}
))}
)} -
+
{formatDuration(callDuration)}
@@ -210,15 +210,15 @@ export default function CallRoomPage({ params }: { params: Promise<{ roomId: str {(callState === "ended" || callState === "idle") && (
-

Call ended

+

Call ended

{callDuration > 0 && ( -

Duration: {formatDuration(callDuration)}

+

Duration: {formatDuration(callDuration)}

)}
)} {error && ( -

{error}

+

{error}

)}
diff --git a/src/app/globals.css b/src/app/globals.css index b7fe779..37b2f55 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -76,35 +76,41 @@ } :root { - --background: 210 40% 96%; - --foreground: 222 47% 11%; - --card: 214 32% 91%; - --card-foreground: 222 47% 11%; - --popover: 214 32% 91%; - --popover-foreground: 222 47% 11%; - --primary: 221 83% 53%; - --primary-foreground: 210 40% 96%; - --secondary: 214 100% 97%; - --secondary-foreground: 224 76% 48%; - --muted: 210 40% 96%; - --muted-foreground: 213 24% 65%; - --accent: 214 100% 97%; - --accent-foreground: 224 76% 48%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; - --border: 213 27% 84%; - --input: 213 27% 84%; - --ring: 221 83% 53%; - --sidebar: 214 32% 91%; - --sidebar-foreground: 222 47% 11%; - --sidebar-primary: 221 83% 53%; - --sidebar-primary-foreground: 210 40% 96%; - --sidebar-accent: 214 100% 97%; - --sidebar-accent-foreground: 224 76% 48%; - --sidebar-border: 213 27% 84%; - --sidebar-ring: 221 83% 53%; + --background: 60 20% 95%; + --foreground: 71 20% 16%; + --card: 60 29% 97%; + --card-foreground: 71 20% 16%; + --popover: 60 29% 97%; + --popover-foreground: 71 20% 16%; + --primary: 0 53% 54%; + --primary-foreground: 0 0% 100%; + --secondary: 210 47% 56%; + --secondary-foreground: 0 0% 100%; + --muted: 75 10% 93%; + --muted-foreground: 75 10% 52%; + --accent: 159 32% 43%; + --accent-foreground: 0 0% 100%; + --destructive: 0 53% 54%; + --destructive-foreground: 0 0% 100%; + --border: 80 13% 82%; + --input: 80 13% 82%; + --ring: 0 53% 54%; + --sidebar: 80 17% 92%; + --sidebar-foreground: 71 20% 16%; + --sidebar-primary: 0 53% 54%; + --sidebar-primary-foreground: 0 0% 100%; + --sidebar-accent: 80 17% 92%; + --sidebar-accent-foreground: 71 20% 16%; + --sidebar-border: 80 13% 82%; + --sidebar-ring: 0 53% 54%; --radius: 0.5rem; --theme-primary: hsl(var(--primary)); + --color-blue: 210 47% 56%; + --color-teal: 159 32% 43%; + --color-red-tint: 0 62% 95%; + --color-blue-tint: 208 54% 93%; + --color-teal-tint: 157 35% 91%; + --color-avatar: 102 21% 52%; --event-call: 160 84% 39%; --event-follow_up: 38 92% 48%; --event-website_creation: 263 70% 50%; diff --git a/src/app/join/[token]/page.tsx b/src/app/join/[token]/page.tsx index fb1fb49..690040e 100644 --- a/src/app/join/[token]/page.tsx +++ b/src/app/join/[token]/page.tsx @@ -7,9 +7,9 @@ interface Props { function ErrorPage({ message }: { message: string }) { return ( -
-
-

+
+
+

{message}

@@ -42,24 +42,24 @@ export default async function JoinPage({ params }: Props) { } return ( -
-
-

+
+
+

You're Invited!

-

+

Someone wants to connect with you on our platform.

-
-

Contact Number

-

{invite.phone}

+
+

Contact Number

+

{invite.phone}

-

+

Create an account to start making free voice calls to this person and others on the platform.

Create Account diff --git a/src/components/chats/voice-call-modal.tsx b/src/components/chats/voice-call-modal.tsx index e72a39a..efdaa50 100644 --- a/src/components/chats/voice-call-modal.tsx +++ b/src/components/chats/voice-call-modal.tsx @@ -162,11 +162,11 @@ export default function VoiceCallModal({ open, onClose }: VoiceCallModalProps) { className="fixed inset-0 z-50 bg-black/60 backdrop-blur-sm flex items-center justify-center" onClick={(e) => { if (e.target === e.currentTarget) onClose() }} > -
+
@@ -174,27 +174,27 @@ export default function VoiceCallModal({ open, onClose }: VoiceCallModalProps) { {callLink ? ( shareSent ? ( <> -

Call link copied.

-

Waiting for participant

-

+

Call link copied.

+

Waiting for participant

+

The recipient must receive and open the call link.

-
+
{callLink}
{shareError && ( -

{shareError}

+

{shareError}

)} ) ) : ( <> -

Start a Call

-

Search contacts or dial a number

+

Start a Call

+

Search contacts or dial a number

-

+

CONTACTS

@@ -262,25 +262,25 @@ export default function VoiceCallModal({ open, onClose }: VoiceCallModalProps) { value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} placeholder="Search contacts..." - className="bg-[#F5F5F5] dark:bg-[#1A1A1A] border border-[#E0E0E0] dark:border-[#333333] text-[#111111] dark:text-white placeholder-[#AAAAAA] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full mb-3 outline-none transition-colors focus:border-[#CC0000] dark:focus:border-[#FF4444]" + className="bg-[#FAFAF6] dark:bg-[#1A1A1A] border border-[#D4D8CC] dark:border-[#333333] text-[#2D3020] dark:text-white placeholder-[#8A9078] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full mb-3 outline-none transition-colors focus:border-[#C84B4B] dark:focus:border-[#FF4444]" />
{contactsLoading && ( -

Loading contacts...

+

Loading contacts...

)} {contactsError && ( -

Could not load contacts

+

Could not load contacts

)} {!contactsLoading && !contactsError && filteredContacts.length === 0 && ( -

No contacts found

+

No contacts found

)} {!contactsLoading && !contactsError && filteredContacts.map((contact) => (
-
+
{contact.avatar_url ? (
-

{contact.name}

-

{contact.phone}

+

{contact.name}

+

{contact.phone}

@@ -307,12 +307,12 @@ export default function VoiceCallModal({ open, onClose }: VoiceCallModalProps) {
-
- OR -
+
+ OR +
-

+

DIAL A NUMBER

@@ -321,10 +321,10 @@ export default function VoiceCallModal({ open, onClose }: VoiceCallModalProps) { value={phoneNumber} onChange={(e) => { setPhoneNumber(e.target.value); setPhoneError(false) }} placeholder="+27 000 000 0000" - className="bg-[#F5F5F5] dark:bg-[#1A1A1A] border border-[#E0E0E0] dark:border-[#333333] text-[#111111] dark:text-white placeholder-[#AAAAAA] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full outline-none transition-colors focus:border-[#CC0000] dark:focus:border-[#FF4444]" + className="bg-[#FAFAF6] dark:bg-[#1A1A1A] border border-[#D4D8CC] dark:border-[#333333] text-[#2D3020] dark:text-white placeholder-[#8A9078] dark:placeholder-[#555555] rounded-xl px-4 py-2.5 text-sm w-full outline-none transition-colors focus:border-[#C84B4B] dark:focus:border-[#FF4444]" /> {phoneError && ( -

Please enter a phone number

+

Please enter a phone number

)} @@ -83,15 +83,15 @@ export function BugReportModal({ open, onClose }: BugReportModalProps) { {submitted ? (
-

+

Bug Report Submitted

-

+

Thank you for your report. The development team will investigate.

@@ -99,14 +99,14 @@ export function BugReportModal({ open, onClose }: BugReportModalProps) { ) : ( <>
-
- +
+
-

+

Report a Bug

-

+

Help us improve the system

@@ -120,8 +120,8 @@ export function BugReportModal({ open, onClose }: BugReportModalProps) {
-
-