From d80cb29ab65b4084f1198b6d807aa6e0253ed2b0 Mon Sep 17 00:00:00 2001
From: Rafi Arrafif <rafiarrafif05@gmail.com>
Date: Sun, 24 Aug 2025 21:05:08 +0700
Subject: [PATCH] :pencil: creating docs

---
 features/auth/ui/OAuthProviders.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/features/auth/ui/OAuthProviders.tsx b/features/auth/ui/OAuthProviders.tsx
index 217d262..5349084 100644
--- a/features/auth/ui/OAuthProviders.tsx
+++ b/features/auth/ui/OAuthProviders.tsx
@@ -6,10 +6,15 @@ import React, { useEffect, useState } from "react";
 import getOauthProviderList from "../lib/getOauthProviderList";
 
 const OAuthProviders = () => {
+  // Set initial state for OAuth providers list
   const [oauthProvidersList, setOauthProvidersList] = useState<
     oauthProviders[]
   >([]);
 
+  /**
+   * Fetch the list of OAuth providers from backend API
+   * and update the state if OAuth providers list is available
+   */
   useEffect(() => {
     (async () => {
       try {
@@ -23,6 +28,7 @@ const OAuthProviders = () => {
 
   return (
     <div className="w-full flex flex-col gap-2 mt-4">
+      {/* Render OAuth provider buttons */}
       {oauthProvidersList.length > 0 ? (
         oauthProvidersList.map((provider, index) => {
           return (