diff --git a/rsconcept/frontend/src/components/Common/Button.tsx b/rsconcept/frontend/src/components/Common/Button.tsx index b6ba3023..3ba5ce94 100644 --- a/rsconcept/frontend/src/components/Common/Button.tsx +++ b/rsconcept/frontend/src/components/Common/Button.tsx @@ -5,7 +5,7 @@ extends Omit, 'className' | 'child tooltip?: string dense?: boolean loading?: boolean - widthClass?: string + dimensions?: string borderClass?: string colorClass?: string } @@ -15,7 +15,7 @@ function Button({ dense, disabled, borderClass = 'border rounded', colorClass = 'clr-btn-default', - widthClass = 'w-fit h-fit', + dimensions = 'w-fit h-fit', loading, onClick, ...props }: ButtonProps) { @@ -27,10 +27,10 @@ function Button({ disabled={disabled ?? loading} onClick={onClick} title={tooltip} - className={`inline-flex items-center gap-2 align-middle justify-center select-none ${padding} ${colorClass} ${widthClass} ${borderClass} ${cursor}`} + className={`inline-flex items-center gap-2 align-middle justify-center select-none ${padding} ${colorClass} ${dimensions} ${borderClass} ${cursor}`} {...props} > - {icon && {icon}} + {icon && icon} {text && {text}} ); diff --git a/rsconcept/frontend/src/components/Common/Card.tsx b/rsconcept/frontend/src/components/Common/Card.tsx deleted file mode 100644 index 652a2142..00000000 --- a/rsconcept/frontend/src/components/Common/Card.tsx +++ /dev/null @@ -1,16 +0,0 @@ -interface CardProps { - title?: string - widthClass?: string - children: React.ReactNode -} - -function Card({ title, widthClass = 'min-w-fit', children }: CardProps) { - return ( -
- { title &&

{title}

} - {children} -
- ); -} - -export default Card; diff --git a/rsconcept/frontend/src/components/Common/Checkbox.tsx b/rsconcept/frontend/src/components/Common/Checkbox.tsx index e1fb5076..b3bd74de 100644 --- a/rsconcept/frontend/src/components/Common/Checkbox.tsx +++ b/rsconcept/frontend/src/components/Common/Checkbox.tsx @@ -9,7 +9,7 @@ extends Omit, 'className' | 'child label?: string required?: boolean disabled?: boolean - widthClass?: string + dimensions?: string tooltip?: string value: boolean @@ -18,7 +18,7 @@ extends Omit, 'className' | 'child function Checkbox({ id, required, disabled, tooltip, label, - widthClass = 'w-fit', value, setValue, ...props + dimensions = 'w-fit', value, setValue, ...props }: CheckboxProps) { const cursor = useMemo( () => { @@ -46,7 +46,7 @@ function Checkbox({ return ( ); } diff --git a/rsconcept/frontend/src/components/Common/Modal.tsx b/rsconcept/frontend/src/components/Common/Modal.tsx index 3f943b9b..8be6bc10 100644 --- a/rsconcept/frontend/src/components/Common/Modal.tsx +++ b/rsconcept/frontend/src/components/Common/Modal.tsx @@ -51,7 +51,7 @@ function Modal({