mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-08-02 06:50:37 +08:00
fix: reset env on data source select, set logo center aligned (#4417)
This commit is contained in:
parent
79e6699b37
commit
8c6096d60e
@ -1,6 +1,6 @@
|
|||||||
.full-view-header-container {
|
.full-screen-header-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 24px 0;
|
padding: 24px 0;
|
||||||
|
|
@ -1,10 +1,10 @@
|
|||||||
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
||||||
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
||||||
import './FullViewHeader.styles.scss';
|
import './FullScreenHeader.styles.scss';
|
||||||
|
|
||||||
import history from 'lib/history';
|
import history from 'lib/history';
|
||||||
|
|
||||||
export default function FullViewHeader({
|
export default function FullScreenHeader({
|
||||||
overrideRoute,
|
overrideRoute,
|
||||||
}: {
|
}: {
|
||||||
overrideRoute?: string;
|
overrideRoute?: string;
|
||||||
@ -13,7 +13,7 @@ export default function FullViewHeader({
|
|||||||
history.push(overrideRoute || '/');
|
history.push(overrideRoute || '/');
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div className="full-view-header-container">
|
<div className="full-screen-header-container">
|
||||||
<div className="brand-logo" onClick={handleLogoClick}>
|
<div className="brand-logo" onClick={handleLogoClick}>
|
||||||
<img src="/Logos/signoz-brand-logo.svg" alt="SigNoz" />
|
<img src="/Logos/signoz-brand-logo.svg" alt="SigNoz" />
|
||||||
|
|
||||||
@ -23,6 +23,6 @@ export default function FullViewHeader({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
FullViewHeader.defaultProps = {
|
FullScreenHeader.defaultProps = {
|
||||||
overrideRoute: '/',
|
overrideRoute: '/',
|
||||||
};
|
};
|
@ -6,7 +6,7 @@ import { ArrowRightOutlined } from '@ant-design/icons';
|
|||||||
import { Button, Card, Typography } from 'antd';
|
import { Button, Card, Typography } from 'antd';
|
||||||
import getIngestionData from 'api/settings/getIngestionData';
|
import getIngestionData from 'api/settings/getIngestionData';
|
||||||
import cx from 'classnames';
|
import cx from 'classnames';
|
||||||
import FullViewHeader from 'container/FullViewHeader/FullViewHeader';
|
import FullScreenHeader from 'container/FullScreenHeader/FullScreenHeader';
|
||||||
import useAnalytics from 'hooks/analytics/useAnalytics';
|
import useAnalytics from 'hooks/analytics/useAnalytics';
|
||||||
import { useIsDarkMode } from 'hooks/useDarkMode';
|
import { useIsDarkMode } from 'hooks/useDarkMode';
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
@ -211,7 +211,7 @@ export default function Onboarding(): JSX.Element {
|
|||||||
<div className={cx('container', isDarkMode ? 'darkMode' : 'lightMode')}>
|
<div className={cx('container', isDarkMode ? 'darkMode' : 'lightMode')}>
|
||||||
{activeStep === 1 && (
|
{activeStep === 1 && (
|
||||||
<>
|
<>
|
||||||
<FullViewHeader />
|
<FullScreenHeader />
|
||||||
<div className="onboardingHeader">
|
<div className="onboardingHeader">
|
||||||
<h1> Select a use-case to get started</h1>
|
<h1> Select a use-case to get started</h1>
|
||||||
</div>
|
</div>
|
||||||
|
@ -30,6 +30,7 @@ export default function DataSource(): JSX.Element {
|
|||||||
selectedDataSource,
|
selectedDataSource,
|
||||||
selectedFramework,
|
selectedFramework,
|
||||||
updateSelectedDataSource,
|
updateSelectedDataSource,
|
||||||
|
updateSelectedEnvironment,
|
||||||
updateServiceName,
|
updateServiceName,
|
||||||
updateSelectedFramework,
|
updateSelectedFramework,
|
||||||
} = useOnboardingContext();
|
} = useOnboardingContext();
|
||||||
@ -89,6 +90,7 @@ export default function DataSource(): JSX.Element {
|
|||||||
key={dataSource.name}
|
key={dataSource.name}
|
||||||
onClick={(): void => {
|
onClick={(): void => {
|
||||||
updateSelectedFramework(null);
|
updateSelectedFramework(null);
|
||||||
|
updateSelectedEnvironment(null);
|
||||||
updateSelectedDataSource(dataSource);
|
updateSelectedDataSource(dataSource);
|
||||||
form.setFieldsValue({ selectFramework: null });
|
form.setFieldsValue({ selectFramework: null });
|
||||||
}}
|
}}
|
||||||
|
@ -10,7 +10,7 @@ import { Button, Card, Skeleton, Typography } from 'antd';
|
|||||||
import updateCreditCardApi from 'api/billing/checkout';
|
import updateCreditCardApi from 'api/billing/checkout';
|
||||||
import { SOMETHING_WENT_WRONG } from 'constants/api';
|
import { SOMETHING_WENT_WRONG } from 'constants/api';
|
||||||
import ROUTES from 'constants/routes';
|
import ROUTES from 'constants/routes';
|
||||||
import FullViewHeader from 'container/FullViewHeader/FullViewHeader';
|
import FullScreenHeader from 'container/FullScreenHeader/FullScreenHeader';
|
||||||
import useAnalytics from 'hooks/analytics/useAnalytics';
|
import useAnalytics from 'hooks/analytics/useAnalytics';
|
||||||
import useLicense from 'hooks/useLicense';
|
import useLicense from 'hooks/useLicense';
|
||||||
import { useNotifications } from 'hooks/useNotifications';
|
import { useNotifications } from 'hooks/useNotifications';
|
||||||
@ -106,7 +106,7 @@ export default function WorkspaceBlocked(): JSX.Element {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<FullViewHeader overrideRoute={ROUTES.WORKSPACE_LOCKED} />
|
<FullScreenHeader overrideRoute={ROUTES.WORKSPACE_LOCKED} />
|
||||||
|
|
||||||
<Card className="workspace-locked-container">
|
<Card className="workspace-locked-container">
|
||||||
{isLoadingLicenseData || !licensesData?.payload?.workSpaceBlock ? (
|
{isLoadingLicenseData || !licensesData?.payload?.workSpaceBlock ? (
|
||||||
|
Loading…
x
Reference in New Issue
Block a user