diff --git a/rsconcept/frontend/src/components/Common/Button.tsx b/rsconcept/frontend/src/components/Common/Button.tsx index efb5476b..e5a95a2c 100644 --- a/rsconcept/frontend/src/components/Common/Button.tsx +++ b/rsconcept/frontend/src/components/Common/Button.tsx @@ -1,35 +1,35 @@ +import { IColorsProps, IControlProps } from '../commonInterfaces' + interface ButtonProps -extends Omit, 'className' | 'children' | 'title'| 'type'> { +extends IControlProps, IColorsProps, Omit, 'className' | 'children' | 'title'| 'type'> { text?: string icon?: React.ReactNode - tooltip?: string + dense?: boolean loading?: boolean - dimensions?: string - borderClass?: string - colorClass?: string } function Button({ text, icon, tooltip, - dense, disabled, - borderClass = 'border rounded', - colorClass = 'clr-btn-default', + dense, disabled, noBorder, noOutline, + colors = 'clr-btn-default', dimensions = 'w-fit h-fit', loading, ...props }: ButtonProps) { + const borderClass = noBorder ? '' : 'border rounded'; const padding = dense ? 'px-1' : 'px-3 py-2'; + const outlineClass = noOutline ? 'outline-none': 'clr-outline'; const cursor = 'disabled:cursor-not-allowed ' + (loading ? 'cursor-progress ' : 'cursor-pointer '); return ( ); } diff --git a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx index 1f150ff5..bc9ad207 100644 --- a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx +++ b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx @@ -7,13 +7,18 @@ extends Omit { layer?: string } -function ConceptTooltip({ className, layer, place='bottom', ...props }: ConceptTooltipProps) { +function ConceptTooltip({ + className, + layer='z-tooltip', + place='bottom', + ...props +}: ConceptTooltipProps) { const { darkMode } = useConceptTheme(); return ( , 'className' | 'title' | 'style' | 'accept' | 'type'> { label: string tooltip?: string - acceptType?: string dimensions?: string + + acceptType?: string onChange?: (event: React.ChangeEvent) => void } diff --git a/rsconcept/frontend/src/components/Common/MiniButton.tsx b/rsconcept/frontend/src/components/Common/MiniButton.tsx index 7fdafc78..aaf09909 100644 --- a/rsconcept/frontend/src/components/Common/MiniButton.tsx +++ b/rsconcept/frontend/src/components/Common/MiniButton.tsx @@ -1,5 +1,5 @@ interface MiniButtonProps -extends Omit, 'className' | 'title' |'children' > { +extends Omit, 'className' | 'title' | 'children' > { icon: React.ReactNode tooltip?: string noHover?: boolean diff --git a/rsconcept/frontend/src/components/Common/Modal.tsx b/rsconcept/frontend/src/components/Common/Modal.tsx index 8be6bc10..d6fdbce7 100644 --- a/rsconcept/frontend/src/components/Common/Modal.tsx +++ b/rsconcept/frontend/src/components/Common/Modal.tsx @@ -52,7 +52,7 @@ function Modal({ text={submitText} tooltip={!canSubmit ? submitInvalidTooltip: ''} dimensions='min-w-[6rem] min-h-[2.6rem] w-fit h-fit' - colorClass='clr-btn-primary' + colors='clr-btn-primary' disabled={!canSubmit} onClick={handleSubmit} autoFocus diff --git a/rsconcept/frontend/src/components/Common/SelectorButton.tsx b/rsconcept/frontend/src/components/Common/SelectorButton.tsx index 41b62735..1b3de957 100644 --- a/rsconcept/frontend/src/components/Common/SelectorButton.tsx +++ b/rsconcept/frontend/src/components/Common/SelectorButton.tsx @@ -5,14 +5,14 @@ extends Omit, 'className' | 'child tooltip?: string dimensions?: string borderClass?: string - colorClass?: string + colors?: string transparent?: boolean } function SelectorButton({ text, icon, tooltip, - colorClass = 'clr-btn-default', + colors = 'clr-btn-default', dimensions = 'w-fit h-fit', transparent, ...props @@ -21,7 +21,7 @@ function SelectorButton({ const position = `px-1 flex flex-start items-center gap-1 ${dimensions}` return (