araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Refactoring

Browse source
This commit is contained in:
araemer 2025-10-21 09:08:08 +02:00
parent 34bbaa9df4
commit 9b53f6e676
11 changed files with 501 additions and 515 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/basics/NumberedListItem.tsx
View file

@ -1,6 +1,6 @@
type NumberedListItemProps = {
/** Number to be displayed in front of text */
elementNumber: number;
/** Index of the element. Index + 1 is displayed in circle */
index: number;
/** List item text */
text: string;
}
@ -10,11 +10,11 @@ type NumberedListItemProps = {
* @param elementNumber Number to be displayed
* @param text Text to be displayed
*/
export function NumberedListItem({elementNumber, text}: NumberedListItemProps) {
export function NumberedListItem({index, text}: NumberedListItemProps) {
return <li className="flex items-start gap-4">
{/* Step number circle */}
<div className="circular-container">
{elementNumber}
{index + 1}
</div>
{/* Step text */}