Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 04:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

refactor: read z-index values from an object

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-07-05 20:47:12 +00:00
parent 0ad0524157
commit a5334ca6e6
1 changed files with 12 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/web/src/components/(dashboard)/avatar/stack-avatar.tsx
View File

@ -1,5 +1,13 @@
import { Avatar, AvatarFallback } from '@documenso/ui/primitives/avatar'; import { Avatar, AvatarFallback } from '@documenso/ui/primitives/avatar';
const ZIndexes: { [key: string]: string } = {
'10': 'z-10',
'20': 'z-20',
'30': 'z-30',
'40': 'z-40',
'50': 'z-50',
};
export type StackAvatarProps = { export type StackAvatarProps = {
first?: boolean; first?: boolean;
zIndex?: string; zIndex?: string;
@ -12,6 +20,10 @@ export const StackAvatar = ({ first, zIndex, fallbackText, type }: StackAvatarPr
let zIndexClass = ''; let zIndexClass = '';
const firstClass = first ? '' : '-ml-3'; const firstClass = first ? '' : '-ml-3';
if (zIndex) {
zIndexClass = ZIndexes[zIndex] ?? '';
}
switch (type) { switch (type) {
case 'unsigned': case 'unsigned':
classes = 'bg-dawn-200 text-dawn-900'; classes = 'bg-dawn-200 text-dawn-900';
@ -26,26 +38,6 @@ export const StackAvatar = ({ first, zIndex, fallbackText, type }: StackAvatarPr
break; break;
} }
switch (zIndex) {
case '10':
zIndexClass = 'z-10';
break;
case '20':
zIndexClass = 'z-20';
break;
case '30':
zIndexClass = 'z-30';
break;
case '40':
zIndexClass = 'z-40';
break;
case '50':
zIndexClass = 'z-50';
break;
default:
break;
}
return ( return (
<Avatar <Avatar
className={` className={`