mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-08-14 05:05:56 +08:00
feat: added user role restriction on crud for planned downtime feat (#7896)
This commit is contained in:
parent
9383b6576d
commit
9c298e83a5
@ -15,8 +15,10 @@ import cx from 'classnames';
|
||||
import { useNotifications } from 'hooks/useNotifications';
|
||||
import { defaultTo } from 'lodash-es';
|
||||
import { CalendarClock, PenLine, Trash2 } from 'lucide-react';
|
||||
import { useAppContext } from 'providers/App/App';
|
||||
import { ReactNode, useEffect } from 'react';
|
||||
import { UseQueryResult } from 'react-query';
|
||||
import { USER_ROLES } from 'types/roles';
|
||||
|
||||
import {
|
||||
formatDateTime,
|
||||
@ -84,6 +86,8 @@ function HeaderComponent({
|
||||
handleEdit: () => void;
|
||||
handleDelete: () => void;
|
||||
}): JSX.Element {
|
||||
const { user } = useAppContext();
|
||||
const isCrudEnabled = user?.role !== USER_ROLES.VIEWER;
|
||||
return (
|
||||
<Flex className="header-content" justify="space-between">
|
||||
<Flex gap={8}>
|
||||
@ -91,6 +95,7 @@ function HeaderComponent({
|
||||
<Tag>{duration}</Tag>
|
||||
</Flex>
|
||||
|
||||
{isCrudEnabled && (
|
||||
<div className="action-btn">
|
||||
<PenLine
|
||||
size={14}
|
||||
@ -110,6 +115,7 @@ function HeaderComponent({
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user