umwd-components 0.1.230 → 0.1.232

package/dist/cjs/components/ScrollNavbar.js

@@ -29,7 +29,8 @@ function ScrollNavbar(_ref) {
     tabs,
     maxWidth,
     minHeight,
-    sx = {}
+    sx = {},
+    home_url = "/#home"
   } = data;
   const [mobileNavOpen, setMobileNavOpen] = React.useState(false);
   const [currentTab, setCurrentTab] = React.useState(0);
@@ -70,7 +71,7 @@ function ScrollNavbar(_ref) {
       }
     }
   }, /*#__PURE__*/React.createElement(Link, {
-    href: "#home",
+    href: "/#home",
     style: {
       color: theme.palette.primary.contrastText,
       textDecoration: "none",

package/dist/cjs/components/forms/RegisterForm.js

@@ -34,7 +34,8 @@ function RegisterForm(_ref) {
     subtitle = "Enter your details to create a new account",
     maxWidth,
     sx = {},
-    glass = false
+    glass = false,
+    signin_url = "/signin"
   } = data;
   const [formState, formAction] = reactDom.useFormState(authActions.registerUserAction, INITIAL_STATE);
   const theme = styles.useTheme();
@@ -89,7 +90,7 @@ function RegisterForm(_ref) {
       pt: 2
     }
   }, "Have an account?"), /*#__PURE__*/React.createElement(Link, {
-    href: "signin"
+    href: signin_url
   }, "Sing In")));
 }
 

package/dist/cjs/components/forms/SigninForm.js

@@ -35,7 +35,8 @@ function SigninForm(_ref) {
     subtitle = "Enter your details to sign in to your account",
     maxWidth,
     sx = {},
-    glass = false
+    glass = false,
+    registration_url = "/signup"
   } = data;
   const [formState, formAction] = reactDom.useFormState(authActions.loginUserAction, INITIAL_STATE);
   const theme = styles.useTheme();
@@ -83,7 +84,7 @@ function SigninForm(_ref) {
     },
     variant: "body2"
   }, "Don't have an account?"), /*#__PURE__*/React.createElement(Link, {
-    href: "signup"
+    href: registration_url
   }, "Sign Up")));
 }
 

package/dist/esm/components/ScrollNavbar.js

@@ -25,7 +25,8 @@ function ScrollNavbar(_ref) {
     tabs,
     maxWidth,
     minHeight,
-    sx = {}
+    sx = {},
+    home_url = "/#home"
   } = data;
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const [currentTab, setCurrentTab] = useState(0);
@@ -66,7 +67,7 @@ function ScrollNavbar(_ref) {
       }
     }
   }, /*#__PURE__*/React__default.createElement(Link, {
-    href: "#home",
+    href: "/#home",
     style: {
       color: theme.palette.primary.contrastText,
       textDecoration: "none",

package/dist/esm/components/forms/RegisterForm.js

@@ -30,7 +30,8 @@ function RegisterForm(_ref) {
     subtitle = "Enter your details to create a new account",
     maxWidth,
     sx = {},
-    glass = false
+    glass = false,
+    signin_url = "/signin"
   } = data;
   const [formState, formAction] = useFormState(registerUserAction, INITIAL_STATE);
   const theme = useTheme();
@@ -85,7 +86,7 @@ function RegisterForm(_ref) {
       pt: 2
     }
   }, "Have an account?"), /*#__PURE__*/React__default.createElement(Link, {
-    href: "signin"
+    href: signin_url
   }, "Sing In")));
 }
 

package/dist/esm/components/forms/SigninForm.js

@@ -31,7 +31,8 @@ function SigninForm(_ref) {
     subtitle = "Enter your details to sign in to your account",
     maxWidth,
     sx = {},
-    glass = false
+    glass = false,
+    registration_url = "/signup"
   } = data;
   const [formState, formAction] = useFormState(loginUserAction, INITIAL_STATE);
   const theme = useTheme();
@@ -79,7 +80,7 @@ function SigninForm(_ref) {
     },
     variant: "body2"
   }, "Don't have an account?"), /*#__PURE__*/React__default.createElement(Link, {
-    href: "signup"
+    href: registration_url
   }, "Sign Up")));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.230",
+  "version": "0.1.232",
   "description": "UMWD Component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/ScrollNavbar.tsx

@@ -56,10 +56,20 @@ interface NavbarProps {
   maxWidth: MaxWidth;
   minHeight: string;
   sx?: SxProps<Theme>;
+  home_url?: string;
 }
 
 function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
-  const { site_title, logo, pages, tabs, maxWidth, minHeight, sx = {} } = data;
+  const {
+    site_title,
+    logo,
+    pages,
+    tabs,
+    maxWidth,
+    minHeight,
+    sx = {},
+    home_url = "/#home",
+  } = data;
 
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const [currentTab, setCurrentTab] = useState(0);
@@ -110,7 +120,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
         >
           {/* logo and site title for big screens */}
           <Link
-            href={`#home`}
+            href={`/#home`}
             style={{
               color: theme.palette.primary.contrastText,
               textDecoration: "none",

package/src/components/forms/RegisterForm.tsx

@@ -36,6 +36,7 @@ interface RegisterFormProps {
   maxWidth: MaxWidth;
   sx?: SxProps<Theme>;
   glass?: boolean;
+  signin_url?: string;
 }
 
 function RegisterForm({ data }: { readonly data: RegisterFormProps }) {
@@ -45,6 +46,7 @@ function RegisterForm({ data }: { readonly data: RegisterFormProps }) {
     maxWidth,
     sx = {},
     glass = false,
+    signin_url = "/signin",
   } = data;
 
   const [formState, formAction] = useFormState(
@@ -109,7 +111,7 @@ function RegisterForm({ data }: { readonly data: RegisterFormProps }) {
         <Typography variant="body2" sx={{ pt: 2 }}>
           Have an account?
         </Typography>
-        <Link href="signin">Sing In</Link>
+        <Link href={signin_url}>Sing In</Link>
       </form>
     </Container>
   );

package/src/components/forms/SigninForm.tsx

@@ -39,6 +39,7 @@ interface SigninFormProps {
   maxWidth: MaxWidth;
   sx?: SxProps<Theme>;
   glass?: boolean;
+  registration_url?: string;
 }
 
 function SigninForm({ data }: { readonly data: SigninFormProps }) {
@@ -48,6 +49,7 @@ function SigninForm({ data }: { readonly data: SigninFormProps }) {
     maxWidth,
     sx = {},
     glass = false,
+    registration_url = "/signup",
   } = data;
 
   const [formState, formAction] = useFormState(loginUserAction, INITIAL_STATE);
@@ -100,7 +102,7 @@ function SigninForm({ data }: { readonly data: SigninFormProps }) {
         <Typography sx={{ pt: 2 }} variant="body2">
           Don't have an account?
         </Typography>
-        <Link href="signup">Sign Up</Link>
+        <Link href={registration_url}>Sign Up</Link>
       </form>
     </Container>
   );

package/src/stories/SigninForm.stories.js

@@ -10,4 +10,4 @@ const Template = ({ ...args }) => <SigninForm data={{ ...args }} />;
 
 export const HelloWorld = Template.bind({});
 
-HelloWorld.args = { maxWidth: "md" };
+HelloWorld.args = { maxWidth: "sm", registration_url: "/register" };