realtimex-crm 0.7.13 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "realtimex-crm",
-  "version": "0.7.13",
+  "version": "0.8.1",
   "description": "RealTimeX CRM - A full-featured CRM built with React, shadcn-admin-kit, and Supabase. Fork of Atomic CRM with RealTimeX App SDK integration.",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/atomic-crm/settings/SettingsPage.tsx

@@ -106,11 +106,10 @@ const SettingsForm = ({
   });
   if (!identity) return null;
 
-  const handleClickOpenPasswordChange = () => {
-    // Redirect to forgot-password page which uses OTP flow
-    navigate('/forgot-password');
-  };
-
+      const handleClickOpenPasswordChange = () => {
+        // Navigate directly to the change password page for authenticated users
+        navigate('/change-password');
+      };
   const handleAvatarUpdate = async (values: any) => {
     mutateSale(values);
   };

package/src/components/supabase/change-password-page.tsx

@@ -5,7 +5,7 @@ import type { FieldValues, SubmitHandler } from "react-hook-form";
 import { TextInput } from "@/components/admin/text-input";
 import { Button } from "@/components/ui/button";
 import { supabase } from "@/components/atomic-crm/providers/supabase/supabase";
-import { useNavigate } from "react-router";
+import { useNavigate, Link } from "react-router";
 
 interface FormData {
   password: string;
@@ -112,6 +112,14 @@ export const ChangePasswordPage = () => {
           {loading ? "Updating..." : "Update password"}
         </Button>
       </Form>
+      <div className="text-center">
+        <Link
+          to="/"
+          className="text-sm text-muted-foreground hover:text-primary underline-offset-4 hover:underline"
+        >
+          Back to login
+        </Link>
+      </div>
     </Layout>
   );
 };

package/src/components/supabase/forgot-password-page.tsx

@@ -6,6 +6,7 @@ import { TextInput } from "@/components/admin/text-input";
 import { Button } from "@/components/ui/button";
 import { OtpInput } from "@/components/supabase/otp-input";
 import { supabase } from "@/components/atomic-crm/providers/supabase/supabase";
+import { Link } from "react-router";
 
 interface EmailFormData {
   email: string;
@@ -175,6 +176,14 @@ export const ForgotPasswordPage = () => {
               })}
             </Button>
           </Form>
+          <div className="text-center">
+            <Link
+              to="/"
+              className="text-sm text-muted-foreground hover:text-primary underline-offset-4 hover:underline"
+            >
+              Back to login
+            </Link>
+          </div>
         </>
       ) : (
         <>
@@ -220,8 +229,29 @@ export const ForgotPasswordPage = () => {
               >
                 Resend code
               </Button>
+              <Button
+                type="button"
+                variant="ghost"
+                className="cursor-pointer w-full"
+                disabled={loading}
+                onClick={() => {
+                  setStep('email');
+                  setOtp('');
+                  setOtpError(false);
+                }}
+              >
+                ← Back to email
+              </Button>
             </div>
           </div>
+          <div className="text-center">
+            <Link
+              to="/"
+              className="text-sm text-muted-foreground hover:text-primary underline-offset-4 hover:underline"
+            >
+              Back to login
+            </Link>
+          </div>
         </>
       )}
     </Layout>

package/src/components/supabase/layout.tsx

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Link } from "react-router";
 import { Notification } from "@/components/admin/notification";
 import { useConfigurationContext } from "@/components/atomic-crm/root/ConfigurationContext";
 
@@ -10,10 +11,13 @@ export const Layout = ({ children }: React.PropsWithChildren) => {
       <div className="container relative grid flex-col items-center justify-center sm:max-w-none lg:grid-cols-2 lg:px-0">
         <div className="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
           <div className="absolute inset-0 bg-zinc-900" />
-          <div className="relative z-20 flex items-center text-lg font-medium">
+          <Link
+            to="/"
+            className="relative z-20 flex items-center text-lg font-medium no-underline text-white hover:opacity-80 transition-opacity"
+          >
             <img className="h-6 mr-2" src={darkModeLogo} alt={title} />
             {title}
-          </div>
+          </Link>
         </div>
         <div className="lg:p-8">
           <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">