feat(feedback): add button to google form to report errors (#46)

* [ADD] fab button

* [ADD] link fab button

Former-commit-id: 3c70cacf91ca2c85c64f3dfd3f54118fd69a434d [formerly bde25af1aa49653284b4d391cc05de7c583577f0] [formerly 9a45e4b915bf53db27a93fbf9da9a7eb1008525d [formerly c932056825dc8fccecf6472205ba8670a1988799]] [formerly 8c82a6f72ab492d93c3f3e9bce65edc9dbffaef9 [formerly fac5c45b857aba83f38b7204616d7e92e103cfa1] [formerly bfb072f4b7f29285913a7a41d7907ca2f34a382d [formerly 4caf0dba41edbee093d65f65d2af0a99ac83414d]]] [formerly 55698c1d52a38e2dfb0c46810c7d96e3878b96d7 [formerly cff3d410934aebabc36f2572a566548cd56b8566] [formerly 7c826d833431ae9b51d48be7fa0da155f8600c4f [formerly 30b0e9f56a8388dcbb56fe570c6d6dc17d94c4ab]] [formerly ee62f974af5df88f2dcf3ef0feea08ad0c7b1822 [formerly 99b1961f058d546ac0e264cdda8ce955dd393009] [formerly 359f06759ec2d1ffb8b24a57fcb9f5061a338850 [formerly 09b49bae81af26c458bb87f9c4d5c9189ccae819]]]] [formerly 6ee9a63d2f21f12f56b4c347388edd88b4912df8 [formerly 3321416828c1c67ac7b80e2f155f19c51f37379f] [formerly 06e219484138162eea6bba4c1f50e09af7944ef5 [formerly 065681c787d5a88f9f79640293cc28f6ff6b7aaa]] [formerly 6041a64a6c583c0a18081b4a8d82a953fea22a5f [formerly a0ab3f1e447f208d8599fb7b371f7661de0d1fa9] [formerly 65b0829696e52b6dfb9b7a57feb67a6ff46e86ea [formerly da23ae42f4c5f864dba09dd68c31e52f3b07e2d2]]] [formerly 1f75a2bf6971ff9521728791784fb37ed0a718e2 [formerly f3e372114bb482c33192fe4aeab37a0d8ee97a29] [formerly 46ff234f0e613fb525afeeb8cbbd44070b102b3c [formerly be9cc0eac4a47b678c014bd6bb5981c8769c1769]] [formerly 985d1c640f7b542ab8e996af753989856abf425d [formerly efd4814b32a49a80069e95ce79f2ac53a750d7f9] [formerly 60ec01e26f059b29ab876986c8aae3dccc52c2e2 [formerly dad17dd]]]]]
Former-commit-id: 37703fe922f5160e7f341efd6b619070797465a4 [formerly 53024f03080e45f45216707655600f3388fb8b64] [formerly a5134d84e70c5844bc913c474f2a66b6c1cbf25a [formerly 8026b9d78589186ea0dcaa9c492fc315938574ba]] [formerly 0e8a89ac5ab96cca032f768ccad26dbb45d286dd [formerly e726f6e88a0f1a5f14e64d3a03507f62df50b7da] [formerly f279e03bb8a582ab391de929d3c3f87020e6a7af [formerly c8e09370a97476ea069c7d747c2a962adf9a1aa4]]] [formerly 2b5fb1ed8aac99fc061ee41c7605cad8bba0e33e [formerly d74d033224b25c3b7525e9acb332a69d6b5950c2] [formerly 51e2fb54b5c8758cb83d51b753fc6af39f185783 [formerly eead7533c24fc7181ea821e4bc0d235b0c408759]] [formerly 04e014c4905482e600145b4d88e5d90ded262a0c [formerly 57550571891699e880d3d037d14c09be6fcc1a65] [formerly 8914c3bb1efad5d524e9eaeddbf6c3b5a7eda515 [formerly 99b6a0352cdb1987c77b1348a6278ad965a8fbb6]]]]
Former-commit-id: adbdbf94d4816fefe5681ed218ae303be705c5a7 [formerly 94f223607a7c51fc5bca006e09dac87077d9c41e] [formerly 68e7f44e587d4814c8594a76c13bb01a912375d2 [formerly 0cc8b305d003c9a61ca056ce69aa49fa7684783d]] [formerly 4625b6a9a834401a0f98e8728bf188eea7f4b368 [formerly 59787c75c7381cb7e58b6c77372362dad4b50794] [formerly 1de3c91ed471636dd1f25fb4ad851ff78d0b9fe9 [formerly 32a20995d31ef933e10d8e847a097ace70c74933]]]
Former-commit-id: 10e1dbd9370bc6cab010441506e6d1a1bc89b68b [formerly e2e7c41f4b1a2c28cdcb819cddfb1d4fc5ccc2c9] [formerly 7906e9839f6612c3b47ca6f660c362271c413003 [formerly ea60c216b9b3ed9eb5b5a968d4fef7b578e911e2]]
Former-commit-id: 7f729c31eff19fdd6bd59ab40a6c15efb4e549e9 [formerly a1087906b2536d0119ef4ac9d8aea9b774526e94]
Former-commit-id: b56b936d3e0e44436a939fea223e8e77782b5dfe

src/components/elements/passwordLevel/index.tsx

@@ -22,7 +22,7 @@ const PasswordRequirement: React.FC<PasswordRequirementProps> = ({
   </div>
 );
 
-const PASSWORD_LEVELS = ['Muy Bajo', ' Bajo', ' Medio', ' Fuerte'];
+const PASSWORD_LEVELS = [' Muy Bajo', ' Bajo', ' Medio', ' Fuerte'];
 interface PasswordLevelProps {
   passwordLevel: {
     contains: string[];

src/components/layout/index.tsx

@@ -1,13 +1,26 @@
-import Container from "@mui/material/Container";
+import Container from '@mui/material/Container';
+import { Fab } from '@mui/material';
+import LiveHelpOutlinedIcon from '@mui/icons-material/LiveHelpOutlined';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { useTheme } from '@mui/material/styles';
 
-import NavBar from "./navBar";
-import Footer from "./footer";
+import NavBar from './navBar';
+import Footer from './footer';
 
 export default function Index({ children }: any) {
+  const theme = useTheme();
+  const matches = useMediaQuery(theme.breakpoints.up('sm'));
+
   return (
     <>
       <NavBar />
-      <Container sx={{ padding: "50px 0px" }}>{children}</Container>
+      <div style={{ padding: '50px 0px' }}>
+        {children}
+          <Fab onClick={() => window.open("https://docs.google.com/forms/d/e/1FAIpQLSexFmkoGsVbyRS90B1IwRoAjYg6R6mX8IAJiT1BExN9wT7yjA/viewform?usp=pp_url")} size={matches ? 'large' : 'small'} variant={matches ? 'extended' : 'circular'} sx={{ marginTop: '-140px', marginRight: '10px' , float: 'right', background: 'white', textTransform: 'none', fontWeight: 'bold', color: theme.palette.primary.main }}>
+            <LiveHelpOutlinedIcon sx={{ mr: matches ? 1 : 0 }} color='info' />
+            {matches && 'Reportar'}
+          </Fab>
+      </div>
       <Footer />
     </>
   );

src/themes/index.tsx

@@ -20,7 +20,7 @@ export const theme = createTheme({
   typography: {
     fontFamily: ["Poppins", "sans-serif"].join(","),
   },
-
+  
   components: {
     MuiInputLabel: {
       defaultProps: {
@@ -56,6 +56,15 @@ export const theme = createTheme({
           },
         }
       }
+    },
+    MuiStepIcon: {
+      styleOverrides: {
+        root: {
+          '&.Mui-active': {
+            color: "#0087FF",
+          },
+        },
+      },
     }
   },
 });