Closed valieff closed 3 months ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
foz | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 4, 2024 9:07am |
lios | 🛑 Canceled (Inspect) | Jul 4, 2024 9:07am | ||
moos | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 4, 2024 9:07am |
traditionaldreamfactory | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 4, 2024 9:07am |
The update introduces integration with Google authentication in the closer
package. React-Firebase dependencies are added, new Google authentication-related state and functions are included, and the SignupForm
and login
pages are refactored to facilitate this. Node.js version requirements are also updated.
File Path | Change Summary |
---|---|
package.json (packages/closer) |
Added "firebase": "^10.12.2" , "react-firebase-hooks": "^5.1.1" , updated Node.js version requirement to >=18.0.0 . |
components/GoogleButton/index.tsx (packages/closer) |
Introduced GoogleButton , a React component for Google-branded buttons with loading state. |
components/SignupForm.tsx (packages/closer) |
Refactored for Google authentication, added 'GoogleButton' and several state management updates. |
contexts/auth/auth.tsx (packages/closer) |
Added Google authentication logic including state handling and new functions. |
locales/base.json (packages/closer) |
Added "google_button": "Continue with Google" for localization. |
pages/login/index.tsx (packages/closer) |
Integrated Google authentication, refactored form structure, replaced dayjs import with Google Analytics event tracking. |
sequenceDiagram
participant User
participant GoogleButton
participant SignupForm
participant AuthContext
participant FirebaseAuth
User->>GoogleButton: Clicks "Continue with Google"
GoogleButton->>SignupForm: Trigger onClick event
SignupForm->>AuthContext: Call authUserWithGoogle()
AuthContext->>FirebaseAuth: Google authentication flow
FirebaseAuth->>AuthContext: Return authentication result
AuthContext->>SignupForm: Update state (hasSignedUp, isGoogleLoading)
SignupForm->>User: Display appropriate state (loading, error, success)
Look, a button branded in blue,
With Google’s grace, it welcomes you.
Click to sign, no wait, no fret,
Your signup flow is now all set.
Firebase and React in sync,
Node's evolved, now what do you think?
CodeRabbit smiles, a feature's birth, 🌟
Bringing magic right to your hearth.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Added Google login/signup option
Works with BE: https://github.com/closerdao/closer-api/pull/180
Summary by CodeRabbit
New Features
Enhancements
Localization
Dependencies
firebase
andreact-firebase-hooks
.