diff --git a/frontend/src/container/IngestionSettings/MultiIngestionSettings.tsx b/frontend/src/container/IngestionSettings/MultiIngestionSettings.tsx index cc472ad09b..a01d890a3d 100644 --- a/frontend/src/container/IngestionSettings/MultiIngestionSettings.tsx +++ b/frontend/src/container/IngestionSettings/MultiIngestionSettings.tsx @@ -71,6 +71,7 @@ import { PaginationProps, } from 'types/api/ingestionKeys/types'; import { USER_ROLES } from 'types/roles'; +import { hasDatePassed } from 'utils/timeUtils'; const { Option } = Select; @@ -1242,8 +1243,22 @@ function MultiIngestionSettings(): JSX.Element {
- Expires on - {expiresOn} + + {hasDatePassed(expiresOn) ? ( + <> + Expired on + {expiresOn} + + ) : ( + <> + {expiresOn !== 'No Expiry' && ( + <> + Expires on + + )} + {expiresOn} + + )}
diff --git a/frontend/src/container/OnboardingV2Container/AddDataSource/AddDataSource.tsx b/frontend/src/container/OnboardingV2Container/AddDataSource/AddDataSource.tsx index 46ea09dda7..cd3febae06 100644 --- a/frontend/src/container/OnboardingV2Container/AddDataSource/AddDataSource.tsx +++ b/frontend/src/container/OnboardingV2Container/AddDataSource/AddDataSource.tsx @@ -237,7 +237,13 @@ function OnboardingAddDataSource(): JSX.Element { } }; - const handleSelectEnvironment = (selectedEnvironment: any): void => { + // Base Assumption: + // Environment is the last question in the onboarding flow and no more question will be shown regarless of the configuration + // We will have to handle this in the future + const handleSelectEnvironment = ( + selectedEnvironment: any, + baseURL?: string, + ): void => { setSelectedEnvironment(selectedEnvironment); setHasMoreQuestions(false); @@ -250,7 +256,7 @@ function OnboardingAddDataSource(): JSX.Element { }, ); - updateUrl(docsUrl, selectedEnvironment?.key); + updateUrl(baseURL || docsUrl, selectedEnvironment?.key); setShowConfigureProduct(true); }; @@ -583,7 +589,15 @@ function OnboardingAddDataSource(): JSX.Element { selectedFramework?.label === option.label ? 'selected' : '' }`} type="primary" - onClick={(): void => handleSelectFramework(option)} + onClick={(): void => { + if ( + selectedDataSource?.question?.entityID === 'environment' + ) { + handleSelectEnvironment(option, option.link); + } else { + handleSelectFramework(option); + } + }} > {option.imgUrl && ( ( - {} as IngestionInfo, + const [firstIngestionKey, setFirstIngestionKey] = useState( + {} as IngestionKeyProps, ); const { - status, - data: ingestionData, + data: ingestionKeys, isLoading: isIngestionKeysLoading, error, isError, - } = useQuery({ - queryFn: () => getIngestionData(), + } = useGetAllIngestionsKeys({ + search: '', + page: 1, + per_page: 10, }); const { @@ -73,22 +73,10 @@ export default function OnboardingIngestionDetails(): JSX.Element { }; useEffect(() => { - if ( - status === 'success' && - ingestionData && - ingestionData && - Array.isArray(ingestionData.payload) - ) { - const payload = ingestionData.payload[0] || { - ingestionKey: '', - ingestionURL: '', - dataRegion: '', - }; - - setFirstIngestionKey(payload); + if (ingestionKeys?.data.data && ingestionKeys?.data.data.length > 0) { + setFirstIngestionKey(ingestionKeys?.data.data[0]); } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [status, ingestionData?.payload]); + }, [ingestionKeys]); return (
@@ -170,7 +158,7 @@ export default function OnboardingIngestionDetails(): JSX.Element { - {maskKey(firstIngestionKey?.ingestionKey)} + {maskKey(firstIngestionKey?.value)} diff --git a/frontend/src/container/OnboardingV2Container/OnboardingV2.styles.scss b/frontend/src/container/OnboardingV2Container/OnboardingV2.styles.scss index 38a4ed4422..509ae35bc1 100644 --- a/frontend/src/container/OnboardingV2Container/OnboardingV2.styles.scss +++ b/frontend/src/container/OnboardingV2Container/OnboardingV2.styles.scss @@ -1086,6 +1086,7 @@ .ingestion-setup-details-links { display: flex; + flex-direction: row; align-items: center; gap: 8px; margin-bottom: 24px; diff --git a/frontend/src/utils/timeUtils.ts b/frontend/src/utils/timeUtils.ts index 08216e6fd6..60aa6703c0 100644 --- a/frontend/src/utils/timeUtils.ts +++ b/frontend/src/utils/timeUtils.ts @@ -155,3 +155,13 @@ export const normalizeTimeToMs = (timestamp: number | string): number => { return isNanoSeconds ? Math.floor(ts / 1_000_000) : ts; }; + +export const hasDatePassed = (expiresAt: string): boolean => { + const date = dayjs(expiresAt); + + if (!date.isValid()) { + return false; + } + + return date.isBefore(dayjs(), 'day'); +};