feat: Add success toast notification for user login with dynamic welcome message

Author: medyo

src/assets/App.css

@@ -1333,7 +1333,12 @@ Producthunt item
   padding: 10px 20px;
   border-radius: 10px;
 }
-
+.successToast {
+  background-color: #52c41a;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 10px;
+}
 .capitalize {
   text-transform: capitalize;
 }

src/providers/AuthProvider.tsx

@@ -23,13 +23,17 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
 
     return signInWithCredential(firebaseAuth, authProvider).then((userCredential) => {
       const user = userCredential.user
+
       initState({
         user: {
           name: user.displayName || 'Anonymous',
           imageURL: user.photoURL || '',
         },
         providerId: authProvider.providerId,
       })
+      if (user.displayName) {
+        toast(`Welcome, ${user.displayName}`, { theme: 'successToast' })
+      }
       closeAuthModal()
       navigate(window.location.pathname, { replace: true })
     })