GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 22:49:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Instrumentation page light mode fix (#202)

Browse Source
This commit is contained in:
Kishore 2021-07-02 23:39:35 +05:30 committed by GitHub
parent 6f2b66c286
commit 1255da08dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/src/modules/add-instrumentation/instrumentationPage.tsx
View File

@ -1,43 +1,42 @@
import React, { useEffect, useState } from "react"; import React from "react";
import { Form, Input, Space } from "antd"; import { Space } from "antd";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { Tooltip } from "antd";
import {
InfoCircleOutlined,
EyeTwoTone,
EyeInvisibleOutlined,
} from "@ant-design/icons";
import { StoreState } from "../../store/reducers"; import { StoreState } from "../../store/reducers";
import { useThemeSwitcher } from "react-css-theme-switcher";
import styled from "styled-components";
import { Alert } from "antd"; const InstrumentCard = styled.div<{
currentThemeStatus: string | undefined;
}>`
border-radius: 4px;
background: ${({ currentThemeStatus }) => currentThemeStatus === 'dark' ? '#313131' : '#ddd'};
padding: 33px 23px;
max-width: 800px;
margin-top: 40px;
`;
interface InstrumentationPageProps {} interface InstrumentationPageProps {}
const InstrumentationPage = (props: InstrumentationPageProps) => { const InstrumentationPage = (props: InstrumentationPageProps) => {
const { currentTheme } = useThemeSwitcher();
return ( return (
<React.Fragment> <React.Fragment>
<Space style={{ marginLeft: 60, marginTop: 48, display: 'block' }}> <Space style={{ marginLeft: 60, marginTop: 48, display: 'block' }}>
<div> <div>
<h2> <h2>
Instrument your application Instrument your application
</h2> </h2>
</div> </div>
<InstrumentCard currentThemeStatus={currentTheme}>
<div className={"instrument-card"}>
Congrats, you have successfully installed SigNoz!<br/> Congrats, you have successfully installed SigNoz!<br/>
To start seeing YOUR application data here, follow the instructions in the docs - To start seeing YOUR application data here, follow the instructions in the docs -
<a href={"https://signoz.io/docs/instrumentation/overview"} target="_blank"> https://signoz.io/docs/instrumentation/overview</a> <a href={"https://signoz.io/docs/instrumentation/overview"} target="_blank"> https://signoz.io/docs/instrumentation/overview</a>
<br/> <br/>
If you face any issues, join our <a href={"https://signoz-community.slack.com/join/shared_invite/zt-lrjknbbp-J_mI13rlw8pGF4EWBnorJA"} target="_blank"> If you face any issues, join our <a href={"https://signoz-community.slack.com/join/shared_invite/zt-lrjknbbp-J_mI13rlw8pGF4EWBnorJA"} target="_blank">
slack community</a> to ask any questions or mail us at <a href={"mailto:support@signoz.io"} target="_blank"> slack community</a> to ask any questions or mail us at <a href={"mailto:support@signoz.io"} target="_blank">
support@signoz.io support@signoz.io</a>
</a> </InstrumentCard>
</div>
</Space> </Space>
</React.Fragment> </React.Fragment>
); );