ResetPassword component styled using tailwind css

[byronkenoly]

Description

Two new files in src folder: ForgotPassword.tsx, spaceYaTechLogo.svg

• Created ForgotPassword component which is in the file ForgotPassword.tsx
• SpaceYaTech logo added - exported from a figma file

Modified three files: public/index.html, src/index.tsx, tailwind.config.js

• Copied and embedded Poppins font(specified in figma file) from google fonts in head tag of index.html
• Imported ForgotPassword component in index.tsx file to render it in the browser (for testing purposes)
• Added custom styles to theme section of tailwind.config.js

No additional dependencies used for these additions and modifications

Fixes #50 (issue)

Pending Issue

Eye icon in the password input field not yet added

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Test A
  Rendered the component in a web browser. Everything looks OK.

Test Configuration: N/A

• Firmware version: N/A
• Hardware: N/A
• Toolchain: N/A
• SDK: N/A

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[nyandika]

why is this being commented out?

[byronkenoly]

why is this being commented out?

Just to test how ForgotPassword component renders in the browser as currently we have no routes set up. Changes made in this src/index.tsx file can be done away with.

[nyandika]

I wuld recommend renaming the component to ResetPassword as that is what it is doing as opposed to forget password which would have an email/username input box to send the reset password link to

[byronkenoly]

I wuld recommend renaming the component to ResetPassword as that is what it is doing as opposed to forget password which would have an email/username input box to send the reset password link to

Yes I agree, it sounds more intuitive. Is @jumalaw98 supposed to approve this first since he was the one who raised the issue and named it forgot password component?

[jumalaw98]

I wuld recommend renaming the component to ResetPassword as that is what it is doing as opposed to forget password which would have an email/username input box to send the reset password link to

Yes I agree, it sounds more intuitive. Is @jumalaw98 supposed to approve this first since he was the one who raised the issue and named it forgot password component?

@byronkenoly thats noted, then can you change it on your updated files?

[daveclinton]

Please add a commit message for every files changed or added.

[daveclinton]

This hex code doesn't look correct

[byronkenoly]

I wuld recommend renaming the component to ResetPassword as that is what it is doing as opposed to forget password which would have an email/username input box to send the reset password link to

Yes I agree, it sounds more intuitive. Is @jumalaw98 supposed to approve this first since he was the one who raised the issue and named it forgot password component?

@byronkenoly thats noted, then can you change it on your updated files?

I have made the required changes