fix: reset env on data source select, set logo center aligned (#4417)

This commit is contained in:
Yunus M 2024-01-22 21:47:55 +05:30 committed by GitHub
parent 79e6699b37
commit 8c6096d60e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 12 additions and 10 deletions

View File

@ -1,6 +1,6 @@
.full-view-header-container {
.full-screen-header-container {
display: flex;
justify-content: flex-end;
justify-content: center;
align-items: center;
padding: 24px 0;

View File

@ -1,10 +1,10 @@
/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/click-events-have-key-events */
import './FullViewHeader.styles.scss';
import './FullScreenHeader.styles.scss';
import history from 'lib/history';
export default function FullViewHeader({
export default function FullScreenHeader({
overrideRoute,
}: {
overrideRoute?: string;
@ -13,7 +13,7 @@ export default function FullViewHeader({
history.push(overrideRoute || '/');
};
return (
<div className="full-view-header-container">
<div className="full-screen-header-container">
<div className="brand-logo" onClick={handleLogoClick}>
<img src="/Logos/signoz-brand-logo.svg" alt="SigNoz" />
@ -23,6 +23,6 @@ export default function FullViewHeader({
);
}
FullViewHeader.defaultProps = {
FullScreenHeader.defaultProps = {
overrideRoute: '/',
};

View File

@ -6,7 +6,7 @@ import { ArrowRightOutlined } from '@ant-design/icons';
import { Button, Card, Typography } from 'antd';
import getIngestionData from 'api/settings/getIngestionData';
import cx from 'classnames';
import FullViewHeader from 'container/FullViewHeader/FullViewHeader';
import FullScreenHeader from 'container/FullScreenHeader/FullScreenHeader';
import useAnalytics from 'hooks/analytics/useAnalytics';
import { useIsDarkMode } from 'hooks/useDarkMode';
import { useEffect, useState } from 'react';
@ -211,7 +211,7 @@ export default function Onboarding(): JSX.Element {
<div className={cx('container', isDarkMode ? 'darkMode' : 'lightMode')}>
{activeStep === 1 && (
<>
<FullViewHeader />
<FullScreenHeader />
<div className="onboardingHeader">
<h1> Select a use-case to get started</h1>
</div>

View File

@ -30,6 +30,7 @@ export default function DataSource(): JSX.Element {
selectedDataSource,
selectedFramework,
updateSelectedDataSource,
updateSelectedEnvironment,
updateServiceName,
updateSelectedFramework,
} = useOnboardingContext();
@ -89,6 +90,7 @@ export default function DataSource(): JSX.Element {
key={dataSource.name}
onClick={(): void => {
updateSelectedFramework(null);
updateSelectedEnvironment(null);
updateSelectedDataSource(dataSource);
form.setFieldsValue({ selectFramework: null });
}}

View File

@ -10,7 +10,7 @@ import { Button, Card, Skeleton, Typography } from 'antd';
import updateCreditCardApi from 'api/billing/checkout';
import { SOMETHING_WENT_WRONG } from 'constants/api';
import ROUTES from 'constants/routes';
import FullViewHeader from 'container/FullViewHeader/FullViewHeader';
import FullScreenHeader from 'container/FullScreenHeader/FullScreenHeader';
import useAnalytics from 'hooks/analytics/useAnalytics';
import useLicense from 'hooks/useLicense';
import { useNotifications } from 'hooks/useNotifications';
@ -106,7 +106,7 @@ export default function WorkspaceBlocked(): JSX.Element {
return (
<>
<FullViewHeader overrideRoute={ROUTES.WORKSPACE_LOCKED} />
<FullScreenHeader overrideRoute={ROUTES.WORKSPACE_LOCKED} />
<Card className="workspace-locked-container">
{isLoadingLicenseData || !licensesData?.payload?.workSpaceBlock ? (