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; display: flex;
justify-content: flex-end; justify-content: center;
align-items: center; align-items: center;
padding: 24px 0; padding: 24px 0;

View File

@ -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: '/',
}; };

View File

@ -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>

View File

@ -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 });
}} }}

View File

@ -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 ? (