📝 creating docs
This commit is contained in:
@ -6,10 +6,15 @@ import React, { useEffect, useState } from "react";
|
|||||||
import getOauthProviderList from "../lib/getOauthProviderList";
|
import getOauthProviderList from "../lib/getOauthProviderList";
|
||||||
|
|
||||||
const OAuthProviders = () => {
|
const OAuthProviders = () => {
|
||||||
|
// Set initial state for OAuth providers list
|
||||||
const [oauthProvidersList, setOauthProvidersList] = useState<
|
const [oauthProvidersList, setOauthProvidersList] = useState<
|
||||||
oauthProviders[]
|
oauthProviders[]
|
||||||
>([]);
|
>([]);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetch the list of OAuth providers from backend API
|
||||||
|
* and update the state if OAuth providers list is available
|
||||||
|
*/
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
(async () => {
|
(async () => {
|
||||||
try {
|
try {
|
||||||
@ -23,6 +28,7 @@ const OAuthProviders = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full flex flex-col gap-2 mt-4">
|
<div className="w-full flex flex-col gap-2 mt-4">
|
||||||
|
{/* Render OAuth provider buttons */}
|
||||||
{oauthProvidersList.length > 0 ? (
|
{oauthProvidersList.length > 0 ? (
|
||||||
oauthProvidersList.map((provider, index) => {
|
oauthProvidersList.map((provider, index) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user