Feat: Complete login page implemantation

[kotaaaa]

Overview

• Complete login page implemantation and design

Changes

• Set logo file
• Set "login with Google button"

Screen Captures

References

• https://developers.google.com/identity/branding-guidelines

Next Issue

• 236

Assignee Checklist:

• [x] The naming convention of the PR title is correct (See the comment at the top of this template)
• [x] The base branch is correct (See: Types of Branches)
• [x] The branch name follows the Branch Naming Conventions
• [x] The correct assignees and reviewers have been designated for this PR
• [x] The coding style follows the Coding Style Guide
• [x] All the related issues are associated with this PR
• [x] All criteria in the associated issues are met (please tick the checkboxes)
• [x] My changes do not generate new warnings or errors (especially in the console)

Reviewer Checklist:

• [ ] Double-check the "Assignee Checklist"
• [ ] The code follows the generic best practices and our Coding Style Guide
• [ ] The code is well-commented and easy to understand
• [ ] The UI changes accurately reflect the provided design

[kotaaaa]

@nick-y-ito

@kotaaaa

Thank you for your work!! I first checked the behavior of the login and left the two comments below. After resolving these, I will review in codebase.

Issue with a specific Google account

Whenever I try to log in with this Google account nick.yusuke.ito@gmail.com, I get the following error as a redirected URL while I can successfully log in with other gmails. It even happens after clearing the site date on the browser.

http://localhost:3000/login?error_description=PreSignUp+failed+with+error+HTTP+request+failed+with+status+400%3A+Bad+Request.+&state=El78BLaQezH9wyuRiWl1soSt0bXzdFjg&error=invalid_request

Screen.Recording.2024-02-07.at.19.00.37.mov

The unnecessary window

Is it possible to skip this window? I have never seen this on other websites before. The behavior I am most familiar with is that right after clicking the login button on a website, I see the Google account selection page.

Can you check again about the Issue with a specific Google account? In my environment, it seems resolved.

The unnecessary window

I replaced Cognito hosted UI with <Authenticator socialProviders={['google']} hideSignUp={true} />;. So can you check it?

[kanta1207]

It seems to be working fine in my environment, so I approved the changes.

@kotaaaa Thank you for your work, while you've been extremely busy!