pantalla login

public/assets/images/empresa/logoAlphaBC.svg

@@ -8,7 +8,7 @@
 Created by potrace 1.16, written by Peter Selinger 2001-2019
 </metadata>
 <g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
+fill="#fdfefe" stroke="none">
 <path d="M1153 3226 c-219 -42 -403 -142 -552 -302 -431 -460 -324 -1213 219
 -1534 77 -46 174 -84 277 -111 123 -32 329 -32 456 -1 103 26 214 70 283 113
 30 19 52 28 59 23 74 -57 111 -74 164 -74 130 0 212 103 187 235 -5 22 -23 54

src/@mock-api/mock-api.json

@@ -7493,7 +7493,7 @@
             "data": {
               "displayName": "Abbott Keitch",
               "photoURL": "assets/images/avatars/brian-hughes.jpg",
-              "email": "admin@fusetheme.com",
+              "email": "admin@qsoftec.com",
               "settings": {
                 "layout": {},
                 "theme": {}
@@ -32753,7 +32753,7 @@
             "data": {
               "displayName": "Abbott Keitch",
               "photoURL": "assets/images/avatars/brian-hughes.jpg",
-              "email": "admin@fusetheme.com",
+              "email": "admin@qsoftec.com",
               "settings": {
                 "layout": {},
                 "theme": {}

src/app/main/sign-in/SignInPage.tsx

@@ -65,8 +65,8 @@ function SignInPage() {
 	const [selectedTabId, setSelectedTabId] = useState(tabs[0].id);
 
 	function handleSelectTab(id: string) {
-		setSelectedTabId(id);
+		setSelectedTabId("jwt");
-	} 
+	}
 
 	const { control, formState, handleSubmit, reset } = useForm<FormType>({
 		mode: 'onChange',
@@ -104,7 +104,7 @@ function SignInPage() {
 							</Link>
 						</div>
 
-						<Tabs
+						{/* <Tabs
 						value={_.findIndex(tabs, { id: selectedTabId })}
 						variant="fullWidth"
 						className="w-full mt-24 mb-32"
@@ -125,97 +125,87 @@ function SignInPage() {
 								label={item.title}
 							/>
 						))}
-					</Tabs>
+					</Tabs> */}
-					{selectedTabId === 'jwt' && <JwtLoginTab />}
+						{selectedTabId === 'jwt' && <JwtLoginTab />}
 
-					{selectedTabId === 'firebase' && <FirebaseSignInTab />}
+						{/* 					{selectedTabId === 'firebase' && <FirebaseSignInTab />} */}
 
-							<div className="mt-32 flex items-center">
-								<div className="mt-px flex-auto border-t" />
-								<Typography
-									className="mx-8"
-									color="text.secondary"
-								>
-									Or continue with
-								</Typography>
-								<div className="mt-px flex-auto border-t" />
-							</div>
-
-							<div className="mt-32 flex items-center space-x-16">
-								<Button
-									variant="outlined"
-									className="flex-auto"
-								>
-									<FuseSvgIcon
-										size={20}
-										color="action"
-									>
-										feather:facebook
-									</FuseSvgIcon>
-								</Button>
-								<Button
-									variant="outlined"
-									className="flex-auto"
-								>
-									<FuseSvgIcon
-										size={20}
-										color="action"
-									>
-										feather:twitter
-									</FuseSvgIcon>
-								</Button>
-								<Button
-									variant="outlined"
-									className="flex-auto"
-								>
-									<FuseSvgIcon
-										size={20}
-										color="action"
-									>
-										feather:github
-									</FuseSvgIcon>
-								</Button>
-							</div>
 					</div>
 				</div>
 
 				<Box
-					className="relative hidden h-full flex-auto items-center justify-center overflow-hidden p-64 md:flex lg:px-112"
+					className="relative hidden h-auto justify-center items-center flex-auto p-64 md:flex lg:px-112"
-					sx={{ backgroundColor: 'primary.main' }}
+					sx={{ backgroundColor: 'primary.main' }}>
-				>
+					<svg
+						className="pointer-events-none absolute inset-0"
+						viewBox="0 0 960 540"
+						width="100%"
+						height="100%"
+						preserveAspectRatio="xMidYMax slice"
+						xmlns="http://www.w3.org/2000/svg"
+					>
+						<Box
+							component="g"
+							sx={{ color: 'primary.light' }}
+							className="opacity-20"
+							fill="none"
+							stroke="currentColor"
+							strokeWidth="100"
+						>
+							<circle
+								r="234"
+								cx="796"
+								cy="23"
+							/>
+						</Box>
+					</svg>
+					<Box
+						component="svg"
+						className="absolute -right-64 -top-64 opacity-20"
+						sx={{ color: 'primary.light' }}
+						viewBox="0 0 220 192"
+						width="220px"
+						height="192px"
+						fill="none"
+					>
+						<defs>
+							<pattern
+								id="837c3e70-6c3a-44e6-8854-cc48c737b659"
+								x="0"
+								y="0"
+								width="20"
+								height="20"
+								patternUnits="userSpaceOnUse"
+							>
+								<rect
+									x="0"
+									y="0"
+									width="4"
+									height="4"
+									fill="currentColor"
+								/>
+							</pattern>
+						</defs>
+						<rect
+							width="220"
+							height="192"
+							fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"
+						/>
+					</Box>
+
 					<div className="relative z-10 w-full max-w-2xl">
 						<img
-							className="w-48"
+							className="w-216 "
-							src="assets/images/empresa/logoAlphaBC.svg"
+							src="assets/images/empresa/logoAlphaWC.svg"
 							alt="logo"
-							width="500"
 						/>
-						<div className="text-7xl font-bold leading-none text-gray-100">
+						<div className="text-7xl font-bold leading-loose text-gray-100">							
-							<div>Welcome to</div>
+							<div>Bienvenido</div>
-							<div>our community</div>
 						</div>
-						<div className="mt-24 text-lg leading-6 tracking-tight text-gray-400">
+						<div className="mt-24 text-lg leading-none text-gray-400">
-							Fuse helps developers to build organized and well coded dashboards full of beautiful and
+							Al sistema que se encarga de tu facturación electrónica.
-							rich modules. Join us and start building your application today.
 						</div>
-						<div className="mt-32 flex items-center">
-							<AvatarGroup
-								sx={{
-									'& .MuiAvatar-root': {
-										borderColor: 'primary.main'
-									}
-								}}
-							>
-								<Avatar src="assets/images/avatars/female-18.jpg" />
-								<Avatar src="assets/images/avatars/female-11.jpg" />
-								<Avatar src="assets/images/avatars/male-09.jpg" />
-								<Avatar src="assets/images/avatars/male-16.jpg" />
-							</AvatarGroup>
 
-							<div className="ml-16 font-medium tracking-tight text-gray-400">
-								More than 17k people joined us, it's your turn
-							</div>
-						</div>
 					</div>
 				</Box>
 			</Paper>

src/app/main/sign-in/tabs/JwtSignInTab.tsx

@@ -47,7 +47,7 @@ function jwtSignInTab() {
 	const { isValid, dirtyFields, errors } = formState;
 
 	useEffect(() => {
-		setValue('email', 'admin@fusetheme.com', { shouldDirty: true, shouldValidate: true });
+		setValue('email', 'admin@qsoftec.com', { shouldDirty: true, shouldValidate: true });
 		setValue('password', 'admin', { shouldDirty: true, shouldValidate: true });
 	}, [setValue]);
 
@@ -132,7 +132,7 @@ function jwtSignInTab() {
 						render={({ field }) => (
 							<FormControl>
 								<FormControlLabel
-									label="Remember me"
+									label="Recúerdame"
 									control={
 										<Checkbox
 											size="small"
@@ -148,20 +148,20 @@ function jwtSignInTab() {
 						className="text-md font-medium"
 						to="/pages/auth/forgot-password"
 					>
-						Forgot password?
+						Olvidaste tu contraseña?
 					</Link>
 				</div>
 
 				<Button
 					variant="contained"
-					color="secondary"
+					color="primary"
 					className=" mt-16 w-full"
 					aria-label="Sign in"
 					disabled={_.isEmpty(dirtyFields) || !isValid}
 					type="submit"
 					size="large"
 				>
-					Sign in
+					Ingresar
 				</Button>
 			</form>
 		</div>