feat(*): Add brand logos / styling

Author: Ehesp

examples/react/src/firebase/config.ts

@@ -15,5 +15,10 @@
  */
 
 export const firebaseConfig = {
-  // your Firebase config here
+  apiKey: "AIzaSyCvMftIUCD9lUQ3BzIrimfSfBbCUQYZf-I",
+  authDomain: "fir-ui-rework.firebaseapp.com",
+  projectId: "fir-ui-rework",
+  storageBucket: "fir-ui-rework.firebasestorage.app",
+  messagingSenderId: "200312857118",
+  appId: "1:200312857118:web:94e3f69b0e0a4a863f040f"
 };

examples/react/src/index.css

@@ -18,4 +18,4 @@
 @import "@firebase-ui/styles/tailwind";
 
 /* @import "@firebase-ui/styles/src/themes/dark.css"; */
-/* @import "@firebase-ui/styles/src/themes/brutalist.css"; */
+/* @import "@firebase-ui/styles/src/themes/brutalist.css"; */

examples/react/src/screens/sign-in-auth-screen-w-oauth.tsx

@@ -16,18 +16,37 @@
 
 "use client";
 
-import { GoogleSignInButton, SignInAuthScreen } from "@firebase-ui/react";
+import { OAuthButton } from "@firebase-ui/react";
+import {
+  AppleSignInButton,
+  GoogleSignInButton,
+  SignInAuthScreen,
+  FacebookSignInButton,
+  GitHubSignInButton,
+  MicrosoftSignInButton,
+  TwitterSignInButton,
+} from "@firebase-ui/react";
+import { OAuthProvider } from "firebase/auth";
 import { useNavigate } from "react-router";
 
 export default function SignInAuthScreenWithOAuthPage() {
   const navigate = useNavigate();
 
+  const p = new OAuthProvider('oidc.foobar')
+
   return (
     <SignInAuthScreen
       onForgotPasswordClick={() => navigate("/password-reset-screen")}
       onRegisterClick={() => navigate("/sign-up-auth-screen")}
     >
-      <GoogleSignInButton />
+      <div className="space-y-2">
+        <GoogleSignInButton />
+        <FacebookSignInButton />
+        <AppleSignInButton />
+        <GitHubSignInButton />
+        <MicrosoftSignInButton />
+        <TwitterSignInButton />
+      </div>
     </SignInAuthScreen>
   );
 }