From 50db7f04ffbe11017b24487d3e5ad15096eacad0 Mon Sep 17 00:00:00 2001 From: Rupesh Date: Tue, 1 Oct 2024 20:45:11 +0530 Subject: [PATCH 1/2] All Pages alignment and spacing fixes --- app/src/app/layout.tsx | 12 ++++----- app/src/app/new/page.tsx | 6 ++--- app/src/app/page.tsx | 2 +- app/src/app/register/page.tsx | 4 +-- app/src/app/signin/page.tsx | 4 +-- app/src/app/signup/page.tsx | 4 +-- .../[transcription_id]/page.tsx | 6 ++--- app/src/app/transcriptions/loading.tsx | 4 +-- app/src/app/transcriptions/page.tsx | 14 +++++----- app/src/components/DetailedTranscription.tsx | 26 +++++++++--------- app/src/components/Header.tsx | 27 ++++++++++++++----- app/src/components/Landing.tsx | 6 ++--- app/src/components/NavigateBack.tsx | 2 +- app/src/components/RecorderCard.tsx | 3 +-- 14 files changed, 66 insertions(+), 54 deletions(-) diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx index 5359261..7fad1a4 100644 --- a/app/src/app/layout.tsx +++ b/app/src/app/layout.tsx @@ -17,13 +17,13 @@ export default function RootLayout({ return ( - + -
-
-
{children}
- -
+
+
+
{children}
+
+ diff --git a/app/src/app/new/page.tsx b/app/src/app/new/page.tsx index a53f282..68e241d 100644 --- a/app/src/app/new/page.tsx +++ b/app/src/app/new/page.tsx @@ -14,11 +14,11 @@ const page = async () => { if (!user) return redirect("/signin"); return ( -
-
+
+
-
+
diff --git a/app/src/app/page.tsx b/app/src/app/page.tsx index ecd7c87..2909ef5 100644 --- a/app/src/app/page.tsx +++ b/app/src/app/page.tsx @@ -2,7 +2,7 @@ import Landing from "@/components/Landing"; export default async function Home() { return ( -
+
); diff --git a/app/src/app/register/page.tsx b/app/src/app/register/page.tsx index eb1ba1d..dbe5707 100644 --- a/app/src/app/register/page.tsx +++ b/app/src/app/register/page.tsx @@ -9,8 +9,8 @@ export const metadata: Metadata = { const page = async () => { return ( -
-
+
+
diff --git a/app/src/app/signin/page.tsx b/app/src/app/signin/page.tsx index 091b983..1ba1354 100644 --- a/app/src/app/signin/page.tsx +++ b/app/src/app/signin/page.tsx @@ -14,8 +14,8 @@ export default async function Page() { if (user) return redirect("/new"); return ( -
-
+
+
diff --git a/app/src/app/signup/page.tsx b/app/src/app/signup/page.tsx index 4d046c0..035ac9e 100644 --- a/app/src/app/signup/page.tsx +++ b/app/src/app/signup/page.tsx @@ -14,8 +14,8 @@ export default async function Page() { if (user) return redirect("/new"); return ( -
-
+
+
diff --git a/app/src/app/transcriptions/[transcription_id]/page.tsx b/app/src/app/transcriptions/[transcription_id]/page.tsx index 4284eb0..1fc95e1 100644 --- a/app/src/app/transcriptions/[transcription_id]/page.tsx +++ b/app/src/app/transcriptions/[transcription_id]/page.tsx @@ -34,11 +34,11 @@ const page = async (props: PageProps) => { return ( -
-
+
+
-
+
{transcription.length > 0 && ( )} diff --git a/app/src/app/transcriptions/loading.tsx b/app/src/app/transcriptions/loading.tsx index 511dec6..9917612 100644 --- a/app/src/app/transcriptions/loading.tsx +++ b/app/src/app/transcriptions/loading.tsx @@ -2,8 +2,8 @@ import { Loader2Icon } from "lucide-react"; export default function Loading() { return ( -
-
+
+
diff --git a/app/src/app/transcriptions/page.tsx b/app/src/app/transcriptions/page.tsx index 1714a28..a2975e7 100644 --- a/app/src/app/transcriptions/page.tsx +++ b/app/src/app/transcriptions/page.tsx @@ -35,16 +35,14 @@ const page = async () => { .orderBy(desc(transcriptions.createdAt)); return ( -
-
+
+
-
-
- {userTranscriptions.map((transcription, idx) => ( - - ))} -
+
+ {userTranscriptions.map((transcription, idx) => ( + + ))}
); diff --git a/app/src/components/DetailedTranscription.tsx b/app/src/components/DetailedTranscription.tsx index ffbe29f..a86b97a 100644 --- a/app/src/components/DetailedTranscription.tsx +++ b/app/src/components/DetailedTranscription.tsx @@ -54,20 +54,20 @@ const DetailedTranscription = ({ }; return ( -
-
-
-

{transcription.documentName}

-

+
+
+
+

{transcription.documentName}

+

{transcription.createdAt ? format( new Date(transcription.createdAt), "dd MMM yyyy | hh:mm a", ) : "N/A"} -

+

-
+
-
-
+
+

Translation

- + {transcription.translation || "No translation available"}
-
+

Summary

- + {transcription.summary || "No summary available"}
diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx index bf4fa59..be63d7f 100644 --- a/app/src/components/Header.tsx +++ b/app/src/components/Header.tsx @@ -1,19 +1,21 @@ "use client"; -import { primaryFont } from "@/fonts"; +import { primaryFont, tertiaryFont } from "@/fonts"; import { cn } from "@/lib/utils"; import Image from "next/image"; import Link from "next/link"; import { usePathname } from "next/navigation"; +import { buttonVariants } from "./ui/button"; const Header = () => { const pathName = usePathname(); return ( -
+
LingoAI @@ -30,7 +32,13 @@ const Header = () => { {pathName !== "/" && pathName !== "/new" && ( Take A Demo @@ -38,13 +46,20 @@ const Header = () => { {pathName !== "/" && pathName !== "/transcriptions" && ( View Records )}
-
+
+
); }; diff --git a/app/src/components/Landing.tsx b/app/src/components/Landing.tsx index e9c921b..35cbb41 100644 --- a/app/src/components/Landing.tsx +++ b/app/src/components/Landing.tsx @@ -10,7 +10,7 @@ import Link from "next/link"; const Landing = () => { return ( -
+

Welcome @@ -22,11 +22,11 @@ const Landing = () => { Translate and summarize content from multiple languages into English with ease.

-
+
Take A Demo diff --git a/app/src/components/NavigateBack.tsx b/app/src/components/NavigateBack.tsx index 0616c8a..f15b87f 100644 --- a/app/src/components/NavigateBack.tsx +++ b/app/src/components/NavigateBack.tsx @@ -18,7 +18,7 @@ const NavigateBack = (props: NavigateBackProps) => { } return ( -
+
) : (

- Enable mic access, record yourself, or upload an audio - file + Enable mic access, record yourself, or upload an audio file

)} From e5bba302ab5f29dfdc99a175c3a77f31dfd28b02 Mon Sep 17 00:00:00 2001 From: ankitatjosh Date: Thu, 3 Oct 2024 12:28:37 +0530 Subject: [PATCH 2/2] updated text, color and font --- app/src/components/Landing.tsx | 7 +++---- app/src/components/UserForm.tsx | 6 +++--- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/app/src/components/Landing.tsx b/app/src/components/Landing.tsx index 35cbb41..de143ca 100644 --- a/app/src/components/Landing.tsx +++ b/app/src/components/Landing.tsx @@ -16,11 +16,10 @@ const Landing = () => { Welcome

- Speak, Translate & Summarise + Transform Speech into Action: Translate, Transcribe, and Summarize Effortlessly

-

- Translate and summarize content from multiple languages into English - with ease. +

+ Unleash the power of seamless communication with a tool that does it all—accurate transcription, real-time translation, and intelligent summaries in one go.

{ onSubmit={form.handleSubmit(onSubmit)} className="w-full max-w-sm flex flex-col gap-4 justify-center items-center" > -

+

{ formType === "signup" ? "Sign Up" : "Sign In" } @@ -95,9 +95,9 @@ const UserForm = (props: UserFormProps) => {
-
+

{formType === "signup" ? "Already have an account?" : "Please send an email to access the demo:"}

-

info@joshsoftware.com

+ info@joshsoftware.com
{/* {formType === "signup" ? "Already have an account?" : "To request access, please send an email to:"} */} {/*