Revert "Try to add login with email and phone number #26"

package.json

@@ -22,7 +22,7 @@
     "@reduxjs/toolkit": "^1.9.7",
     "apexcharts": "^3.44.0",
     "daisyui": "^2.52.0",
-    "firebase": "^10.7.1",
+    "firebase": "^9.23.0",
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",

src/components/domain/auth/SignInWithGithub.tsx

@@ -2,7 +2,6 @@ import { GithubAuthProvider, signInWithPopup } from 'firebase/auth';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '~/lib/firebase';
 
-// #TODO: It's not DRY. It should be refactored.
 export const SignInWithGitHub = () => {
   const navigate = useNavigate();
 
@@ -20,15 +19,7 @@ export const SignInWithGitHub = () => {
     <button
       onClick={handleClick}
       type="button"
-      className="btn btn-outline normal-case gap-3  justify-start px-6">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        className="fill-current"
-        viewBox="0 0 24 24">
-        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-      </svg>
+      className="btn btn-primary normal-case min-w-60">
       Entrar com GitHub
     </button>
   );

src/components/domain/auth/SignInWithGoogle.tsx

@@ -2,7 +2,6 @@ import { GoogleAuthProvider, signInWithPopup } from 'firebase/auth';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '~/lib/firebase';
 
-// #TODO: It's not DRY. It should be refactored.
 export const SignInWithGoogle = () => {
   const navigate = useNavigate();
 
@@ -20,44 +19,7 @@ export const SignInWithGoogle = () => {
     <button
       onClick={handleClick}
       type="button"
-      className="btn btn-outline  normal-case gap-3  justify-start px-6">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24px"
-        height="24px"
-        viewBox="-3 0 262 262"
-        preserveAspectRatio="xMidYMid"
-        fill="#000000">
-        <g id="SVGRepo_bgCarrier" strokeWidth="0" />
-
-        <g
-          id="SVGRepo_tracerCarrier"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-
-        <g id="SVGRepo_iconCarrier">
-          <path
-            d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
-            fill="#4285F4"
-          />
-
-          <path
-            d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
-            fill="#34A853"
-          />
-
-          <path
-            d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"
-            fill="#FBBC05"
-          />
-
-          <path
-            d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
-            fill="#EB4335"
-          />
-        </g>
-      </svg>
+      className="btn btn-primary normal-case min-w-60">
       Entrar com Google
     </button>
   );

src/components/domain/auth/SignInWithMicrosoft.tsx

@@ -2,7 +2,6 @@ import { OAuthProvider, signInWithPopup } from 'firebase/auth';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '~/lib/firebase';
 
-// #TODO: It's not DRY. It should be refactored.
 export const SignInWithMicrosoft = () => {
   const navigate = useNavigate();
 
@@ -19,17 +18,7 @@ export const SignInWithMicrosoft = () => {
     <button
       onClick={handleClick}
       type="button"
-      className="btn btn-outline normal-case gap-3 justify-start px-6">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 32 32"
-        width="24"
-        height="24">
-        <path d="M0 0h15.206v15.206H0z" fill="#f25022" />
-        <path d="M16.794 0H32v15.206H16.794z" fill="#7fba00" />
-        <path d="M0 16.794h15.206V32H0z" fill="#00a4ef" />
-        <path d="M16.794 16.794H32V32H16.794z" fill="#ffb900" />
-      </svg>
+      className="btn btn-primary normal-case min-w-60">
       Entrar com Microsoft
     </button>
   );