diff --git a/frontend/src/modules/add-instrumentation/instrumentationPage.tsx b/frontend/src/modules/add-instrumentation/instrumentationPage.tsx index 2fdb896db3..4ec576f605 100644 --- a/frontend/src/modules/add-instrumentation/instrumentationPage.tsx +++ b/frontend/src/modules/add-instrumentation/instrumentationPage.tsx @@ -1,43 +1,42 @@ -import React, { useEffect, useState } from "react"; -import { Form, Input, Space } from "antd"; +import React from "react"; +import { Space } from "antd"; import { connect } from "react-redux"; -import { Tooltip } from "antd"; -import { - InfoCircleOutlined, - EyeTwoTone, - EyeInvisibleOutlined, -} from "@ant-design/icons"; 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 {} - const InstrumentationPage = (props: InstrumentationPageProps) => { - + const { currentTheme } = useThemeSwitcher(); return ( - -

Instrument your application

- -
+ Congrats, you have successfully installed SigNoz!
To start seeing YOUR application data here, follow the instructions in the docs - https://signoz.io/docs/instrumentation/overview
If you face any issues, join our slack community to ask any questions or mail us at - support@signoz.io - -
+ support@signoz.io +
);