@canmingir/link 1.2.24 → 1.2.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canmingir/link",
-  "version": "1.2.24",
+  "version": "1.2.25",
   "type": "module",
   "exports": {
     ".": "./index.js",

package/src/layouts/auth/modern.jsx

@@ -28,7 +28,7 @@ export default function AuthModernLayout({ image }) {
       <Logo
         maxSize={140}
         sx={{
-          mb: { xs: 1, md: 2 },
+          mb: 1,
           width: 80,
           height: 80,
         }}
@@ -37,7 +37,7 @@ export default function AuthModernLayout({ image }) {
       <Card
         sx={{
           width: 1,
-          py: { xs: 6, md: 8 },
+          py: { xs: 6, md: 4 },
           px: { xs: 4, md: 6 },
           boxShadow: {
             xs: (theme) =>

package/src/pages/LoginPage.jsx

@@ -30,20 +30,11 @@ function LoginPage() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [navigate]);
 
-  if (credentials?.provider === "COGNITO") {
-    return <CognitoLogin />;
-  }
-
-  if (credentials?.provider === "DEMO") {
-    return (
-      <Page title={`Sign in to ${name}`}>
-        <DemoLogin />
-      </Page>
-    );
-  }
-
   return (
     <Page title={`Sign in to ${name}`}>
+      {credentials?.provider === "COGNITO" && <CognitoLogin />}
+      {credentials?.provider === "DEMO" && <DemoLogin />}
+
       <LoginForm icon={template.login.icon} name={name} formColor={formColor} />
     </Page>
   );

package/src/widgets/Login/CognitoLogin.jsx

@@ -158,8 +158,8 @@ export default function CognitoLogin() {
   );
 
   return (
-    <Stack spacing={3}>
-      <Box sx={{ mb: 1, textAlign: "center" }}>
+    <Stack spacing={3} sx={{ mb: 2 }}>
+      <Box sx={{ textAlign: "center" }}>
         <Box
           sx={{
             width: 52,

package/src/widgets/Login/DemoLogin.jsx

@@ -55,7 +55,7 @@ export default function DemoLogin() {
   }
 
   return (
-    <Stack spacing={2.5}>
+    <Stack spacing={2.5} sx={{ mb: 2 }}>
       <Stack spacing={2}>
         <TextField
           label="Username"

package/src/widgets/LoginForm/LoginForm.jsx

@@ -18,12 +18,17 @@ const handleOAuthLogin = (
 };
 
 function LoginForm() {
-  const { name, project } = config();
+  const { name, project, credentials } = config();
 
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
-  const renderHead = (
+  const providerCheck =
+    credentials?.provider === "COGNITO" || credentials?.provider === "DEMO";
+
+  const hasContent = !providerCheck || !!project.nucleoid;
+
+  const renderHead = hasContent ? (
     <Stack spacing={2} sx={{ mb: 5 }}>
       <Typography variant="h4">Sign in to {name}</Typography>
       {project.nucleoid && (
@@ -34,7 +39,7 @@ function LoginForm() {
         </Stack>
       )}
     </Stack>
-  );
+  ) : null;
 
   const renderForm = (
     <>