diff --git a/packages/fakeyou.com/src/components/common/Button/Button.tsx b/packages/fakeyou.com/src/components/common/Button/Button.tsx index cc68fe70a7..364f2b23d0 100644 --- a/packages/fakeyou.com/src/components/common/Button/Button.tsx +++ b/packages/fakeyou.com/src/components/common/Button/Button.tsx @@ -17,6 +17,7 @@ interface ButtonProps extends ButtonHTMLAttributes { square?: boolean; tooltip?: string; full?: boolean; + iconFlip?: boolean; } export default function Button({ @@ -30,11 +31,14 @@ export default function Button({ square, tooltip, full = false, + iconFlip = false, ...rest }: ButtonProps) { + let iconMarginClass = !square && label ? (iconFlip ? "ms-2" : "me-2") : ""; let IconComponent = icon ? ( - + ) : null; + let LabelComponent = !square ? label : null; const externalClass = rest.className || ""; @@ -47,7 +51,12 @@ export default function Button({ delete rest.className; - const ButtonContent = ( + const ButtonContent = iconFlip ? ( + <> + {LabelComponent} + {IconComponent} + + ) : ( <> {IconComponent} {LabelComponent}