Merge pull request #88 from LUCIFER1144/main

Custom sign in and sign up pages #35

README.md

@@ -22,7 +22,7 @@ Make a `.env.local` file and then update the api keys for Clerk.
 ## To run the development server
 
 ```bash
-npx convex dev
+npx convex dev 
 npm run dev
 ```
 
@@ -45,3 +45,5 @@ This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-opti
  </picture>
 </a>
 
+
+  <!-- /when i write npx convex dev/ there is an error that i don't have access to the project with deployment dutiful-pika-147, as configured in CONVEX_DEPLOYMENT -->

src/app/(landingPage)/_components/navbar.tsx

@@ -22,7 +22,7 @@ import { useEffect, useState } from "react";
 import { useSession } from "@clerk/clerk-react";
 import { Spinner } from "@nextui-org/spinner";
 // Import Clerk
-import { SignInButton, SignedIn, SignedOut, UserButton } from "@clerk/nextjs";
+import { SignInButton, SignedIn, SignedOut, UserButton,SignUpButton } from "@clerk/nextjs";
 import { Logo } from "./Logo";
 import { useConvexAuth } from "convex/react";
 import { useLocalization } from "@/app/(main)/contexts/LocalizationContext";
@@ -73,12 +73,18 @@ export const NavigationBar = () => {
 
       <NavbarContent justify="end">
         <NavbarItem>
+          <div className="flex gap-x-2 justify-center">
           <SignedOut>
             <SignInButton>
-              <Button as={Link} color="secondary" radius="md" variant="shadow">
-              {dict.landingPage.components.navbar.signin}
+              <Button as={Link} color="secondary" radius="md" variant="light" className="font-bold text-secondary-600">
+              <div>{dict.landingPage.components.navbar.signin}</div>
               </Button>
             </SignInButton>
+            <SignUpButton>
+            <Button  as={Link} color="secondary" radius="md" variant="shadow">
+              {dict.landingPage.components.navbar.signup}
+              </Button>
+            </SignUpButton>
           </SignedOut>
           <SignedIn>
             {loading && isLoaded ? (
@@ -98,6 +104,7 @@ export const NavigationBar = () => {
               </div>
             )}
           </SignedIn>
+          </div>
         </NavbarItem>
         <NavbarItem>
           <Dropdown>

src/app/dictionaries/ar.json

@@ -1,154 +1,155 @@
 {
-  "landingPage": {
-    "components": {
-      "footer": {
-        "about": "حول"
-      },
-      "navbar": {
-        "docs": "مستندات",
-        "features": "ميزات",
-        "integrations": "تكاملات",
-        "dark": "داكن",
-        "light": "فاتح",
-        "signin": "تسجيل الدخول",
-        "open": "افتح Memoir"
-      },
-      "signedInHeading": {
-        "welcome": "مرحباً بك في Memoir",
-        "open": "افتح Memoir",
-        "card": "أفكارك ومستنداتك وخططك كلها في مكان واحد."
-      }
-    },
-    "Page": ""
-  },
-  "main": {
-    "components": {
-      "banner": {
-        "toastRemoveLoading": "جارِ حذف الصفحة...",
-        "toastRemoveSuccess": "تم حذف الصفحة!",
-        "toastRemoveError": "فشل حذف الصفحة.",
-        "toastRestoreLoading": "جارِ استعادة الصفحة...",
-        "toastRestoreSuccess": "تم استعادة الصفحة!",
-        "toastRestoreError": "فشل استعادة الصفحة.",
-        "pageInTrash": "هذه الصفحة في سلة المهملات",
-        "trashRestore": "استعادة",
-        "trashDelete": "حذف"
-      },
-      "cnavbar": {
-        "toggleWidth": "تبديل عرض الصفحة",
-        "archive": "نقل إلى سلة المهملات"
-      },
-      "documentList": {
-        "noPage": "لا توجد صفحات في الداخل"
-      },
-      "favList": {
-        "noPage": "لا توجد صفحات في الداخل"
-      },
-      "item": {
-        "toastArchiveLoading": "جارِ نقل إلى سلة المهملات...",
-        "toastArchiveSuccess": "تم نقل الصفحة إلى سلة المهملات!",
-        "toastArchiveError": "فشل نقل الصفحة إلى سلة المهملات",
-        "toastCreateLoading": "جارِ إنشاء الصفحة...",
-        "toastCreateSuccess": "تم إنشاء الصفحة!",
-        "toastCreateError": "فشل إنشاء الصفحة",
-        "lastEdited": "آخر تعديل بواسطة: ",
-        "copyLink": "نسخ الرابط",
-        "archive": "نقل إلى سلة المهملات"
-      },
-      "Publish": {
-        "toastPublishLoading": "جارِ نشر الصفحة...",
-        "toastPublishSuccess": "تم نشر الصفحة!",
-        "toastPublishError": "فشل نشر الصفحة",
-        "toastUnpublishLoading": "جارِ إلغاء نشر الصفحة...",
-        "toastUnpublishSuccess": "تم إلغاء نشر الصفحة!",
-        "toastUnpublishError": "فشل إلغاء نشر الصفحة",
-        "pageIsPublished": "هذه الصفحة منشورة على الويب",
-        "unpublish": "إلغاء النشر",
-        "publishPopover": "نشر هذه الصفحة",
-        "shareWork": "شارك عملك مع الآخرين.",
-        "publish": "نشر"
-      },
-      "Sidebar": {
-        "untitled": "بلا عنوان",
-        "toastCreateLoading": "جارِ إنشاء الصفحة...",
-        "toastCreateSuccess": "تم إنشاء الصفحة!",
-        "toastCreateError": "فشل إنشاء الصفحة",
-        "workspace": "مساحة العمل الخاصة بـ",
-        "theme": "السمة:",
-        "color": "لون التمييز:",
-        "language": "اللغة:",
-        "home": "الرئيسية",
-        "calendar": "التقويم",
-        "settings": "الإعدادات",
-        "search": "بحث",
-        "newpage": "صفحة جديدة",
-        "favorites": "المفضلة",
-        "trash": "سلة المهملات"
-      },
-      "title": {
-        "untitled": "بلا عنوان"
-      },
-      "trashBox": {
-        "toastRemoveLoading": "جارِ حذف الصفحة...",
-        "toastRemoveSuccess": "تم حذف الصفحة!",
-        "toastRemoveError": "فشل حذف الصفحة.",
-        "toastRestoreLoading": "جارِ استعادة الصفحة...",
-        "toastRestoreSuccess": "تم استعادة الصفحة!",
-        "toastRestoreError": "فشل استعادة الصفحة.",
-        "filterPlaceholder": "تصفية حسب عنوان الصفحة...",
-        "noPages": "لا توجد صفحات في سلة المهملات",
-        "confirmDeletion": "هل أنت متأكد؟"
-      }
-    },
-    "documents": {
-      "documentId": {
-        "notFound": "لم يتم العثور عليه"
-      },
-      "welcome": "اهلا {firstName}, مرحبا بك في Memoir",
-      "create": "إنشاء صفحة",
-      "morning": "صباح الخير",
-      "afternoon": "مساء الخير",
-      "evening": "مساء الخير",
-      "recentPages": "الصفحات الأخيرة:"
-    }
-  },
-  "error": {
-    "errorMessage": "حدث خطأ ما!",
-    "goBack": "العودة"
-  },
-  "components": {
-    "modals": {
-      "coverImage": {
-        "uploadImage": "تحميل صورة الغلاف"
-      }
-    },
-    "cover": {
-      "change": "تغيير الغلاف",
-      "remove": "إزالة الغلاف"
+    "landingPage": {
+        "components": {
+            "footer": {
+                "about": "حول"
+            },
+            "navbar": {
+                "docs": "مستندات",
+                "features": "ميزات",
+                "integrations": "تكاملات",
+                "dark": "داكن",
+                "light": "فاتح",
+                "signin": "تسجيل الدخول",
+                "signup": "إنشاء حساب",
+                "open": "افتح Memoir"
+            },
+            "signedInHeading": {
+                "welcome": "مرحباً بك في Memoir",
+                "open": "افتح Memoir",
+                "card": "أفكارك ومستنداتك وخططك كلها في مكان واحد."
+            }
+        },
+        "Page": ""
     },
-    "editor": {
-      "untitled": "بلا عنوان",
-      "toastCreateLoading": "جارِ إنشاء الصفحة...",
-      "toastCreateSuccess": "تم إنشاء الصفحة!",
-      "toastCreateError": "فشل إنشاء الصفحة",
-      "isLoading": "جارِ التحميل...",
-      "notFound": "لم يتم العثور على الصفحة",
-      "loading": "جارِ التحميل",
-      "loadingContent": "جارِ تحميل المحتوى..."
+    "main": {
+        "components": {
+            "banner": {
+                "toastRemoveLoading": "جارِ حذف الصفحة...",
+                "toastRemoveSuccess": "تم حذف الصفحة!",
+                "toastRemoveError": "فشل حذف الصفحة.",
+                "toastRestoreLoading": "جارِ استعادة الصفحة...",
+                "toastRestoreSuccess": "تم استعادة الصفحة!",
+                "toastRestoreError": "فشل استعادة الصفحة.",
+                "pageInTrash": "هذه الصفحة في سلة المهملات",
+                "trashRestore": "استعادة",
+                "trashDelete": "حذف"
+            },
+            "cnavbar": {
+                "toggleWidth": "تبديل عرض الصفحة",
+                "archive": "نقل إلى سلة المهملات"
+            },
+            "documentList": {
+                "noPage": "لا توجد صفحات في الداخل"
+            },
+            "favList": {
+                "noPage": "لا توجد صفحات في الداخل"
+            },
+            "item": {
+                "toastArchiveLoading": "جارِ نقل إلى سلة المهملات...",
+                "toastArchiveSuccess": "تم نقل الصفحة إلى سلة المهملات!",
+                "toastArchiveError": "فشل نقل الصفحة إلى سلة المهملات",
+                "toastCreateLoading": "جارِ إنشاء الصفحة...",
+                "toastCreateSuccess": "تم إنشاء الصفحة!",
+                "toastCreateError": "فشل إنشاء الصفحة",
+                "lastEdited": "آخر تعديل بواسطة: ",
+                "copyLink": "نسخ الرابط",
+                "archive": "نقل إلى سلة المهملات"
+            },
+            "Publish": {
+                "toastPublishLoading": "جارِ نشر الصفحة...",
+                "toastPublishSuccess": "تم نشر الصفحة!",
+                "toastPublishError": "فشل نشر الصفحة",
+                "toastUnpublishLoading": "جارِ إلغاء نشر الصفحة...",
+                "toastUnpublishSuccess": "تم إلغاء نشر الصفحة!",
+                "toastUnpublishError": "فشل إلغاء نشر الصفحة",
+                "pageIsPublished": "هذه الصفحة منشورة على الويب",
+                "unpublish": "إلغاء النشر",
+                "publishPopover": "نشر هذه الصفحة",
+                "shareWork": "شارك عملك مع الآخرين.",
+                "publish": "نشر"
+            },
+            "Sidebar": {
+                "untitled": "بلا عنوان",
+                "toastCreateLoading": "جارِ إنشاء الصفحة...",
+                "toastCreateSuccess": "تم إنشاء الصفحة!",
+                "toastCreateError": "فشل إنشاء الصفحة",
+                "workspace": "مساحة العمل الخاصة بـ",
+                "theme": "السمة:",
+                "color": "لون التمييز:",
+                "language": "اللغة:",
+                "home": "الرئيسية",
+                "calendar": "التقويم",
+                "settings": "الإعدادات",
+                "search": "بحث",
+                "newpage": "صفحة جديدة",
+                "favorites": "المفضلة",
+                "trash": "سلة المهملات"
+            },
+            "title": {
+                "untitled": "بلا عنوان"
+            },
+            "trashBox": {
+                "toastRemoveLoading": "جارِ حذف الصفحة...",
+                "toastRemoveSuccess": "تم حذف الصفحة!",
+                "toastRemoveError": "فشل حذف الصفحة.",
+                "toastRestoreLoading": "جارِ استعادة الصفحة...",
+                "toastRestoreSuccess": "تم استعادة الصفحة!",
+                "toastRestoreError": "فشل استعادة الصفحة.",
+                "filterPlaceholder": "تصفية حسب عنوان الصفحة...",
+                "noPages": "لا توجد صفحات في سلة المهملات",
+                "confirmDeletion": "هل أنت متأكد؟"
+            }
+        },
+        "documents": {
+            "documentId": {
+                "notFound": "لم يتم العثور عليه"
+            },
+            "welcome": "اهلا {firstName}, مرحبا بك في Memoir",
+            "create": "إنشاء صفحة",
+            "morning": "صباح الخير",
+            "afternoon": "مساء الخير",
+            "evening": "مساء الخير",
+            "recentPages": "الصفحات الأخيرة:"
+        }
     },
-    "searchCommand": {
-      "notFound": "لم يتم العثور على صفحات.",
-      "placeholder": "ابحث في مساحة العمل الخاصة بـ{fullName}"
+    "error": {
+        "errorMessage": "حدث خطأ ما!",
+        "goBack": "العودة"
     },
-    "imageDropzone": {
-      "uploadMessage": "انقر أو اسحب وأفلت للتحميل"
-    },
-    "toolbar": {
-      "comment": "تعليق:  ",
-      "addComment": "اضف تعليق",
-      "lastEdit": "آخر تعديل:",
-      "addIcon": "إضافة أيقونة",
-      "addCover": "إضافة غلاف"
+    "components": {
+        "modals": {
+            "coverImage": {
+                "uploadImage": "تحميل صورة الغلاف"
+            }
+        },
+        "cover": {
+            "change": "تغيير الغلاف",
+            "remove": "إزالة الغلاف"
+        },
+        "editor": {
+            "untitled": "بلا عنوان",
+            "toastCreateLoading": "جارِ إنشاء الصفحة...",
+            "toastCreateSuccess": "تم إنشاء الصفحة!",
+            "toastCreateError": "فشل إنشاء الصفحة",
+            "isLoading": "جارِ التحميل...",
+            "notFound": "لم يتم العثور على الصفحة",
+            "loading": "جارِ التحميل",
+            "loadingContent": "جارِ تحميل المحتوى..."
+        },
+        "searchCommand": {
+            "notFound": "لم يتم العثور على صفحات.",
+            "placeholder": "ابحث في مساحة العمل الخاصة بـ{fullName}"
+        },
+        "imageDropzone": {
+            "uploadMessage": "انقر أو اسحب وأفلت للتحميل"
+        },
+        "toolbar": {
+            "comment": "تعليق:  ",
+            "addComment": "اضف تعليق",
+            "lastEdit": "آخر تعديل:",
+            "addIcon": "إضافة أيقونة",
+            "addCover": "إضافة غلاف"
+        }
     }
-  }
-}
+}