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.

Sign up for GitHub

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

Jump to bottom

⚛️ Create text UI component #54

Closed
vdedios opened this issue Jun 25, 2022 · 1 comment · Fixed by #85
Closed

⚛️ Create text UI component #54

vdedios opened this issue Jun 25, 2022 · 1 comment · Fixed by #85
Assignees
@gbudau
Labels
📝 task

Comments

@vdedios
Copy link
Contributor

vdedios commented Jun 25, 2022

No description provided.

@vdedios
Copy link
Contributor Author

vdedios commented Jun 25, 2022 •
edited by gbudau
Loading

This component should have the following props:

  • size?: TextSize (type of size of text as an enum) Default MEDIUM
  • color?: TextColor (type of color as an enum) Default DARK
  • weight?: TextWeight (text weight as an enum) Default REGULAR
  • children: string

An example could be something like:

<Text size=SMALL color=DARK>Hello World!</Text>

@gbudau gbudau self-assigned this Jun 26, 2022
gbudau added a commit that referenced this issue Jul 1, 2022
@gbudau
#54/Create text UI-component
0015e8f
@gbudau gbudau mentioned this issue Jul 1, 2022
Merged
@gbudau gbudau closed this as completed in #85 Jul 5, 2022
gbudau added a commit that referenced this issue Jul 5, 2022
@gbudau
#54/create text UI component (#85)
92a1297 
* #54/Create text UI-component

* Add tests for the Text component

* Add snapshot tests for the Text

* Rename barrel files to .ts instead of .tsx

* Update webapp package.json

Add test:coverage script to run coverage tests

Update index.css
  Rename --color-game to --gradient-game
  Add --primary-font variable

* Update Color enum
Use CSS classes instead of variables
Update TextColor enum: extend the Color enums
Update Icon component, pass the color as a className
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@gbudau gbudau

Labels
📝 task
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

#54/create text UI component 42AGV/ft_transcendence
2 participants
@gbudau @vdedios