mirrors/netbird-dashboard
1
0
Fork 0
mirror of https://github.com/netbirdio/dashboard.git synced 2026-01-26 01:21:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change tables key fields styling

Browse Source
This commit is contained in:
braginini
2022-09-29 11:00:56 +02:00
parent 363f226a1c
commit 568c5eccda
5 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/AccessControl.tsx
View File

@@ -37,7 +37,7 @@ import AccessControlModalGroups from "../components/AccessControlModalGroups";
import tableSpin from "../components/Spin";
import {useGetAccessTokenSilently} from "../utils/token";
const {Title, Paragraph} = Typography;
const {Title, Paragraph, Text} = Typography;
const {Column} = Table;
const {confirm} = Modal;
@@ -415,7 +415,7 @@ export const AccessControl = () => {
return <Tooltip title={desc !== "" ? desc : "no description"}
arrowPointAtCenter>
<span onClick={() => setRuleAndView(record as RuleDataTable)}
className="tooltip-label"><strong style={{color: "#5a5c5a"}}>{text}</strong></span>
className="tooltip-label"><Text strong>{text}</Text></span>
</Tooltip>
}}
/>

6
src/views/Peers.tsx
View File

@@ -371,15 +371,15 @@ export const Peers = () => {
const userEmail = users?.find(u => u.id === peer.user_id)?.email
if (!userEmail) {
return <Button type="text" onClick={() => setUpdateGroupsVisible(peer, true)}>
<strong style={{color: "#5a5c5a"}}>{peer.name}</strong>
<Text strong>{peer.name}</Text>
</Button>
}
return <div>
<Button type="text" style={{height: "auto", whiteSpace: "normal", textAlign: "left"}}
onClick={() => setUpdateGroupsVisible(peer, true)}>
<strong style={{color: "#5a5c5a"}}>{peer.name}</strong>
<Text strong>{peer.name}</Text>
<br/>
<div style={{color: "#5a5c5a"}}>{userEmail}</div>
<Text type="secondary">{userEmail}</Text>
</Button>
</div>
}

4
src/views/Routes.tsx
View File

@@ -43,7 +43,7 @@ import {
} from '../utils/routes'
import {useGetAccessTokenSilently} from "../utils/token";
const {Title, Paragraph} = Typography;
const {Title, Paragraph, Text} = Typography;
const {Column} = Table;
const {confirm} = Modal;
@@ -425,7 +425,7 @@ export const Routes = () => {
const desc = (record as RouteDataTable).description.trim()
return <Tooltip title={desc !== "" ? desc : "no description"}
arrowPointAtCenter>
<strong style={{color: "#5a5c5a"}}>{text}</strong>
<Text strong>{text}</Text>
</Tooltip>
}}
/>

2
src/views/SetupKeys.tsx
View File

@@ -400,7 +400,7 @@ export const SetupKeys = () => {
render={(text, record, index) => {
return <Button type="text"
onClick={() => setKeyAndView(record as SetupKeyDataTable)}
className="tooltip-label"> <strong style={{color: "#5a5c5a"}}>{text}</strong>
className="tooltip-label"> <Text strong>{text}</Text>
</Button>
}}
defaultSortOrder='ascend'

4
src/views/Users.tsx
View File

@@ -29,7 +29,7 @@ import {Group} from "../store/group/types";
import {TooltipPlacement} from "antd/es/tooltip";
import {useOidcUser} from "@axa-fr/react-oidc";
const {Title, Paragraph} = Typography;
const {Title, Paragraph, Text} = Typography;
const {Column} = Table;
interface UserDataTable extends User {
@@ -277,7 +277,7 @@ export const Users = () => {
const btn = <Button type="text"
onClick={() => setUserAndView(record as UserDataTable)}
className="tooltip-label">
<strong style={{color: "#5a5c5a"}}>{(text && text.trim() !== "") ? text : (record as User).id}</strong>
<Text strong>{(text && text.trim() !== "") ? text : (record as User).id}</Text>
</Button>
if ((record as User).id !== currentUser.id) {
return btn