use providers

Author: sw-yx

src/components/login.tsx

@@ -41,7 +41,6 @@ export function Login() {
         <label>
           <VisuallyHidden>Enter your email</VisuallyHidden>
           <input
-            id="email"
             className="formControl"
             type="email"
             name="email"
@@ -55,14 +54,7 @@ export function Login() {
       <div className="formGroup" key="password">
         <label>
           <VisuallyHidden>Enter your password</VisuallyHidden>
-          <input
-            id="password"
-            className="formControl"
-            type="password"
-            name="password"
-            placeholder="Password"
-            required={true}
-          />
+          <input className="formControl" type="password" name="password" placeholder="Password" required={true} />
           <div className="inputFieldIcon inputFieldPassword" />
         </label>
       </div>

src/components/providers.tsx

@@ -7,6 +7,7 @@ export function Providers({ setting }: { setting: Settings | null }) {
     setting.external &&
     Object.entries(setting.external).some(([k, v]) => ["github", "gitlab", "bitbucket", "google"].includes(k) && v)
   if (!hasProviders) return null
+  console.log({ setting })
   return (
     <div className="providersGroup">
       <hr className="hr" />
@@ -26,7 +27,7 @@ function ProviderButton({ setting, provider }: { setting: Settings | null; provi
   const ext = setting.external as Dict<{}>
   if (ext[provider.toLowerCase()]) return null
   const { loginProvider } = useIdentityContext()
-  const click = () => loginProvider(provider.toLowerCase() as "github" | "gitlab" | "bitbucket" | "google" | "facebook")
+  const click = () => loginProvider(provider.toLowerCase() as "github" | "gitlab" | "bitbucket" | "google")
   return (
     <button onClick={click} className={`provider${provider} btn btnProvider`}>
       Continue with {provider}

src/components/signup.tsx

@@ -49,7 +49,6 @@ export function Signup() {
         <label>
           <VisuallyHidden>Enter your email</VisuallyHidden>
           <input
-            id="email"
             className="formControl"
             type="email"
             name="email"
@@ -63,14 +62,7 @@ export function Signup() {
       <div className="formGroup" key="password">
         <label>
           <VisuallyHidden>Enter your password</VisuallyHidden>
-          <input
-            id="password"
-            className="formControl"
-            type="password"
-            name="password"
-            placeholder="Password"
-            required={true}
-          />
+          <input className="formControl" type="password" name="password" placeholder="Password" required={true} />
           <div className="inputFieldIcon inputFieldPassword" />
         </label>
       </div>