193ef432a0
## Context Introducing the "Permissions" tab in the role page Next: Need to address some css improvements, some components might be reusable and it still does not fully match the figma (icon missing for permission types for example). We decided to merge like this for now so we have something functional and I will update the code in an upcoming PR <img width="633" alt="Screenshot 2025-02-12 at 13 54 16" src="https://github.com/user-attachments/assets/762db5d7-e0a6-4ee1-b299-24de6645bad1" />
26 lines
841 B
TypeScript
26 lines
841 B
TypeScript
import { Table } from '@/ui/layout/table/components/Table';
|
|
import { TableHeader } from '@/ui/layout/table/components/TableHeader';
|
|
import { TableRow } from '@/ui/layout/table/components/TableRow';
|
|
import styled from '@emotion/styled';
|
|
import { t } from '@lingui/core/macro';
|
|
|
|
const StyledTableHeaderRow = styled(Table)`
|
|
margin-bottom: ${({ theme }) => theme.spacing(2)};
|
|
`;
|
|
|
|
type RoleAssignmentTableHeaderProps = {
|
|
className?: string;
|
|
};
|
|
|
|
export const RoleAssignmentTableHeader = ({
|
|
className,
|
|
}: RoleAssignmentTableHeaderProps) => (
|
|
<StyledTableHeaderRow className={className}>
|
|
<TableRow gridAutoColumns="150px 1fr 1fr">
|
|
<TableHeader>{t`Name`}</TableHeader>
|
|
<TableHeader>{t`Email`}</TableHeader>
|
|
<TableHeader align={'right'} aria-label={t`Actions`}></TableHeader>
|
|
</TableRow>
|
|
</StyledTableHeaderRow>
|
|
);
|