SocialSignIn index.tsx

0% Statements 0/9

0% Branches 0/6

0% Functions 0/2

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { useGetLoginProvidersQuery } from "../../../store/features/auth/api/getLoginProvidersApi.ts";
import { oAuthProviders } from "./oauthProvidersButtons.tsx";
import { AuthProviders } from "../utils/AuthProviders.ts";
 
function SocialSignIn() {
  const { data } = useGetLoginProvidersQuery();
 
  Iif (!data || (data as any)?.length === 0) return;
 
  return (
    <div className="my-2 flex flex-col gap-2">
      {data.includes(AuthProviders.EMAIL) && data.length > 1 && (
        <div className="flex items-center gap-2">
          <hr className="flex-1 rounded" />
          <span className="font-semibold text-xs">OR</span>
          <hr className="flex-1 rounded" />
        </div>
      )}
 
      <div className="flex items-center justify-center">
        {(data as any)?.map((e: string) => oAuthProviders[e])}
      </div>
    </div>
  );
}
 
export default SocialSignIn;