Skip to content

Tutorial for adding new shapes

Pablo Marzal edited this page Aug 13, 2024 · 5 revisions

First of all, remember to create the git branch by referring to the #issue assigned in its name. Example: feature/#148-create-star-basic-shape

Create the .svg of your figure and place it in the /public/ folder

image

Normally you will find the .svg in the description of your issue, this element allows the figure can be listed in the shape containers.

Locate your shape destination in the project

image

Right now, the shapes are divided thematically. In our example case, we want to add a "star" shape so we should place the main component under the front-basic-shapes folder but this could change depending on the nature of the shape.

Create the main component for your shape

In the issue description you will find an +"approximation"+ of the code, which at least, will make the shape be displayed on the screen. Be careful! You will have to adapt this code so that the shape responds correctly to the transformations or logic requested in the issue.

star-shape.tsx (Enlazar cuando esté lista)

(in progress...)

Clone this wiki locally