ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add tests for various user profile setups to sidebar (#212)

Browse Source 
* Add tests for various user profile setups to sidebar

* Don't show empty user image if it isn't there

* @adamchalmer review
This commit is contained in:
Frank Noirot
2023-08-01 13:23:17 -04:00
committed by GitHub
parent 7408ba50dd
commit aabb88ee45
4 changed files with 116 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ActionButton.tsx
View File

@ -20,6 +20,7 @@ export const ActionButton = ({
to = '/',
Element = 'button',
children,
...props
}: ActionButtonProps) => {
const classNames = `group mono text-base flex items-center gap-2 rounded-sm border border-chalkboard-40 dark:border-chalkboard-60 hover:border-liquid-40 dark:hover:bg-chalkboard-90 p-[3px] ${
icon ? 'pr-2' : 'px-2'
@ -27,21 +28,21 @@ export const ActionButton = ({
if (Element === 'button') {
return (
<button onClick={onClick} className={classNames}>
<button onClick={onClick} className={classNames} {...props}>
{icon && <ActionIcon {...icon} />}
{children}
</button>
)
} else if (Element === 'link') {
return (
<Link to={to} className={classNames}>
<Link to={to} className={classNames} {...props}>
{icon && <ActionIcon {...icon} />}
{children}
</Link>
)
} else {
return (
<Element onClick={onClick} className={classNames}>
<Element onClick={onClick} className={classNames} {...props}>
{icon && <ActionIcon {...icon} />}
{children}
</Element>