GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-11 17:19:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: dashboard table element overflow (#930)

Browse Source
This commit is contained in:
Pranshu Chittora 2022-03-29 12:24:03 +05:30 committed by GitHub
parent d34e08fa3d
commit 7939902f03
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@ -23,6 +23,7 @@
"author": "",
"license": "ISC",
"dependencies": {
"@ant-design/colors": "^6.0.0",
"@ant-design/icons": "^4.6.2",
"@grafana/data": "^8.4.3",
"@monaco-editor/react": "^4.3.1",

8
frontend/src/container/ListOfDashboard/TableComponents/DeleteButton.tsx
View File

@ -1,4 +1,3 @@
import { Button } from 'antd';
import React, { useCallback } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators, Dispatch } from 'redux';
@ -7,6 +6,7 @@ import { DeleteDashboard, DeleteDashboardProps } from 'store/actions';
import AppActions from 'types/actions';
import { Data } from '../index';
import { TableLinkText } from './styles';
function DeleteButton({ deleteDashboard, id }: DeleteButtonProps): JSX.Element {
const onClickHandler = useCallback(() => {
@ -15,11 +15,7 @@ function DeleteButton({ deleteDashboard, id }: DeleteButtonProps): JSX.Element {
});
}, [id, deleteDashboard]);
return (
<Button onClick={onClickHandler} type="link">
Delete
</Button>
);
return <TableLinkText onClick={onClickHandler}>Delete</TableLinkText>;
}
interface DispatchProps {

8
frontend/src/container/ListOfDashboard/TableComponents/Name.tsx
View File

@ -1,10 +1,10 @@
import { Button } from 'antd';
import ROUTES from 'constants/routes';
import history from 'lib/history';
import React from 'react';
import { generatePath } from 'react-router-dom';
import { Data } from '..';
import { TableLinkText } from './styles';
function Name(name: Data['name'], data: Data): JSX.Element {
const onClickHandler = (): void => {
@ -17,11 +17,7 @@ function Name(name: Data['name'], data: Data): JSX.Element {
);
};
return (
<Button onClick={onClickHandler} type="link">
{name}
</Button>
);
return <TableLinkText onClick={onClickHandler}>{name}</TableLinkText>;
}
export default Name;

8
frontend/src/container/ListOfDashboard/TableComponents/styles.ts Normal file
View File

@ -0,0 +1,8 @@
import { blue } from '@ant-design/colors';
import { Typography } from 'antd';
import styled from 'styled-components';
export const TableLinkText = styled(Typography.Text)`
color: ${blue.primary} !important;
cursor: pointer;
`;