Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UploadStep component #37

Open
jiin-kim109 opened this issue Nov 8, 2023 · 0 comments
Open

UploadStep component #37

jiin-kim109 opened this issue Nov 8, 2023 · 0 comments
Assignees
Labels
Module Core module design

Comments

@jiin-kim109
Copy link
Member

jiin-kim109 commented Nov 8, 2023

Description:

The UploadStep Component is a responsive component that takes props from each webpage(Terms and conditions page, Guidelines page, uploading page) and shows the upload step from 1 to 3.

Design for the step bar:

First page: Terms and Conditions page (default bar)
Image

Second page: Guidelines page

  • check mark for the first section of the bar
  • highlights for the second section of the bar

Image

Third page: uploading page

  • check marks for the first and second sections of the bar
  • highlights for the last section of the bar

Image

Follow the design for the UploadStep bar.
The step bar does not necessarily need the check marks for the sections before the current page. However, the step bar somehow has to indicate the current section.

Acceptance Criteria:

  • The Upload step bar with a reasonable design(similar to the given Figma design)
  • The step bar indicates the current section(page) and the completed sections
  • Write a JSDoc comment on the component illustrating what this component is about.
  • Write a test with Jest and RTL to verify its rendering
@jiin-kim109 jiin-kim109 changed the title Components styling application step component Nov 8, 2023
@jiin-kim109 jiin-kim109 changed the title application step component ApplicationStep component Nov 8, 2023
@Pentaminum Pentaminum changed the title ApplicationStep component UploadStep component Nov 9, 2023
@Pentaminum Pentaminum added the Feature Feature Design label Nov 9, 2023
@jiin-kim109 jiin-kim109 added Report Page Module Core module design and removed Feature Feature Design Report Page labels Nov 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Module Core module design
Projects
Status: Todo
Development

No branches or pull requests

4 participants
@Pentaminum @jiin-kim109 @dp357 and others