GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-18 02:25:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: remove the limit condition (#2737)

Browse Source
This commit is contained in:
Palash Gupta 2023-05-20 10:42:40 +05:30 committed by GitHub
parent 6e2ceb9efb
commit ef6d847c15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/container/GridGraphLayout/GraphLayout.tsx
View File

@ -1,9 +1,6 @@
import { PlusOutlined, SaveFilled } from '@ant-design/icons'; import { PlusOutlined, SaveFilled } from '@ant-design/icons';
import { Typography } from 'antd';
import { FeatureKeys } from 'constants/features';
import useComponentPermission from 'hooks/useComponentPermission'; import useComponentPermission from 'hooks/useComponentPermission';
import { useIsDarkMode } from 'hooks/useDarkMode'; import { useIsDarkMode } from 'hooks/useDarkMode';
import useFeatureFlag, { MESSAGE } from 'hooks/useFeatureFlag';
import { Dispatch, SetStateAction } from 'react'; import { Dispatch, SetStateAction } from 'react';
import { Layout } from 'react-grid-layout'; import { Layout } from 'react-grid-layout';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -17,7 +14,6 @@ import {
ButtonContainer, ButtonContainer,
Card, Card,
CardContainer, CardContainer,
NoPanelAvialable,
ReactGridLayout, ReactGridLayout,
} from './styles'; } from './styles';
@ -39,8 +35,6 @@ function GraphLayout({
role, role,
); );
const queryBuilderFeature = useFeatureFlag(FeatureKeys.QUERY_BUILDER_PANELS);
return ( return (
<> <>
<ButtonContainer> <ButtonContainer>
@ -80,31 +74,9 @@ function GraphLayout({
onLayoutChange={onLayoutChangeHandler} onLayoutChange={onLayoutChangeHandler}
draggableHandle=".drag-handle" draggableHandle=".drag-handle"
> >
{layouts.map(({ Component, ...rest }, layoutIndex) => { {layouts.map(({ Component, ...rest }) => {
const currentWidget = (widgets || [])?.find((e) => e.id === rest.i); const currentWidget = (widgets || [])?.find((e) => e.id === rest.i);
const usageLimit = queryBuilderFeature?.usage_limit || 0;
const isPanelNotAvialable = usageLimit > 0 && usageLimit <= layoutIndex;
if (isPanelNotAvialable) {
return (
<CardContainer
data-grid={rest}
isDarkMode={isDarkMode}
key={currentWidget?.id}
>
<Card>
<Typography.Text type="danger">
<NoPanelAvialable isDarkMode={isDarkMode}>
{MESSAGE.WIDGET.replace('{{widget}}', usageLimit.toString())}
</NoPanelAvialable>
</Typography.Text>
</Card>
</CardContainer>
);
}
return ( return (
<CardContainer <CardContainer
isDarkMode={isDarkMode} isDarkMode={isDarkMode}

8
frontend/src/container/GridGraphLayout/styles.ts
View File

@ -79,11 +79,3 @@ export const Button = styled(ButtonComponent)`
align-items: center; align-items: center;
} }
`; `;
export const NoPanelAvialable = styled.div<Props>`
display: flex;
justify-content: center;
align-items: center;
height: 100%;
`;