ui fixes

startreedata · Jan 21, 2025 · d88db81 · d88db81
1 parent 2bfe215
commit d88db81
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 25 deletions.
diff --git a/thirdeye-ui/src/app/locale/languages/en-us.json b/thirdeye-ui/src/app/locale/languages/en-us.json
@@ -655,9 +655,11 @@
         "add-data-to-te-from-source": "Add data to ThirdEye from the source you selected or add sample datasets",
         "add-details-that-define-the-groups-purpose-and-frequency": "Add details that define the group's purpose and update frequency",
         "add-emails-example": "Add multiple emails separated by comma. e.g. [email protected], [email protected].",
+        "add-entity": "Add {{entity}}",
         "add-individual-alerts-and-dimensions-that-will-send-updates-via-this-subscription-group": "Add individual alerts and dimensions that will send updates via this subscription group",
         "add-new-pinot-datasource": "Add new Pinot datasource",
         "add-the-final-details-for-your-alert": "Add the final details for your alert",
+        "add-your-dataset-or-sample": "Add your dataset or one of our samples",
         "advanced-options-are-only-available-in-the-enterprise": "Advanced options are only available in the enterprise edition of ThirdEye",
         "alert-configuration-examples": "Alert Configurations Examples",
         "alert-is-active": "Alert is active",
@@ -710,7 +712,7 @@
         "cold-start-filter-description": "If your baseline prediction is impacted by low data volume at the beginning of your dataset, you can use this to define from which day/time there is good for the model to start learning to predict anomalies accurately. For example: coldStartPeriod\": \"P14D\", # filter anomalies in the first 14 days of the dataset.",
         "compare-with-previous-time-period-to-confirm-this": "Compare with previous time period to confirm this is an anomaly",
         "complete-missing-information-to-see-preview": "The template is not completed. Please complete the missing information to see the preview.",
-        "complete-the-following-steps": "Complete the following steps.",
+        "complete-the-following-steps": "Complete the following steps",
         "configure-anomaly-filters-and-adjust-sensitivity": "Configure anomaly filters and adjust sensitivity to minimize false alarms",
         "configure-anomaly-filters-and-sensitivity": "Configure anomaly filters and sensitivity",
         "configure-entity": "Configure {{entity}}",
@@ -721,6 +723,7 @@
         "contact-support": "{{message}} please reach out to StarTree support",
         "could-not-find-matching-chart-data-for-anomaly": "Could not find matching chart data for anomaly",
         "create-a-subscription-group-in-order-to-create": "Create a subscription group in order to create notifications for the alert",
+        "create-an-alert-to-monitor": "Create an alert to monitor your data",
         "create-custom-event-properties-and-values": "Optionally create custom event properties and corresponding values",
         "create-entity": "Create {{entity}}",
         "create-error": "Error creating {{entity}}",
@@ -729,6 +732,7 @@
         "create-success": "{{entity}} created successfully",
         "create-your-alert-filling-out-the-fields": "Create your alert filling out the fields",
         "create-your-first-alert-documentation": "create your first alert documentation",
+        "custom-apache-pinot-source": "Custom Apache Pinot source",
         "dataset-datasource-required": "Datasource is required",
         "dataset-name-required": "Dataset name is required",
         "datasource-is-healthy": "Datasource is healthy",
@@ -947,13 +951,14 @@
         "showing-top-100": "Showing top 100",
         "skipped-creating-a-new-subscription-group-error": "Skipped creating a new subscription group since an error was experienced while creating a new one",
         "start-monitoring-your-data": "Start monitoring your data and resolve issues faster",
-        "startree-cloud-sources": "StarTree cloud sources",
+        "startree-cloud-sources": "StarTree Cloud sources",
         "startree-ets-algorithm-description": "Compares current value to the value predicted combining a regression model and an ETS forecasting algorithm.",
         "startree-thirdeye": "StarTree ThirdEye",
         "statistical-anomaly-detection-description": "Statistical anomaly detection, an anomaly only triggers if a data point falls outside of expected trends.",
         "statistical-forecasting-advanced-description": "Compares current value to the value predicted. Good for daily data and hourly data.",
         "subscription-group-name-required": "Subscription Group name is required",
         "te-recipes": "ThirdEye Recipes",
+        "te-will-monitor-your-data": "ThirdEye will monitor your data from the source you select",
         "the-matrix-profile-method-is-a-direct-anomaly": "The matrix profile method is a \"direct\" anomaly detection algorithm. It returns an anomaly score, it does not return upper and lower bounds. Points are detected as an anomaly if they exceed a given threshold. The matrix profile method only works well with seasonal patterns. It works well from minutely do daily data. The idea of the algorithm is to compare snippets of the timeseries between each other. If one snippet does not look like any other snippet, it has a high anomaly score.",
         "the-setup-is-completed": "The setup is completed",
         "there-are-no-filters-available-please-continue": "There are no filters available to configure. Please continue to the next page.",

diff --git a/...s/welcome-page/create-datasource/onboard-datasource/onboard-datasource-page.component.tsx b/...s/welcome-page/create-datasource/onboard-datasource/onboard-datasource-page.component.tsx
@@ -245,17 +245,10 @@ export const WelcomeSelectDatasource: FunctionComponent = () => {
                         style={{ marginLeft: "-20px" }}
                         variant="h5"
                     >
-                        {t("message.select-entity", {
-                            entity: t("label.datasource"),
-                        })}
+                        Select your data source
                     </Typography>
                     <Typography align="center" variant="body2">
-                        {capitalize(
-                            t(
-                                "message.you-can-always-add-remove-or-change-entity-in-the-configuration-section",
-                                { entity: t("label.datasource") }
-                            )
-                        )}
+                        {capitalize(t("message.te-will-monitor-your-data"))}
                     </Typography>
 
                     <LoadingErrorStateSwitch

diff --git a/.../pages/welcome-page/create-datasource/onboard-datasource/onboard-datasource-page.utils.ts b/.../pages/welcome-page/create-datasource/onboard-datasource/onboard-datasource-page.utils.ts
@@ -34,7 +34,7 @@ export const getDatasources = (
             sourceType: STARTREE_CLOUD,
         })) as DatasourceOption[]),
         {
-            label: t("message.add-new-pinot-datasource"),
+            label: t("message.custom-apache-pinot-source"),
             value: ADD_NEW_DATASOURCE,
             sourceType: OTHER_SOURCES,
         },

diff --git a/thirdeye-ui/src/app/pages/welcome-page/landing/landing-page.component.tsx b/thirdeye-ui/src/app/pages/welcome-page/landing/landing-page.component.tsx
@@ -14,7 +14,6 @@
  */
 
 import { Box, Link, Typography } from "@material-ui/core";
-import { capitalize } from "lodash";
 import React, { FunctionComponent, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { LoadingErrorStateSwitch } from "../../../components/page-states/loading-error-state-switch/loading-error-state-switch.component";
@@ -91,7 +90,7 @@ export const WelcomeLandingPage: FunctionComponent = () => {
                         </Typography>
                         <Box clone pb={2} pt={4} textAlign="center">
                             <Typography variant="h5">
-                                {t("message.complete-the-following-steps")}
+                                {t("message.custom-apache-pinot-source")}
                             </Typography>
                         </Box>
 
@@ -115,17 +114,15 @@ export const WelcomeLandingPage: FunctionComponent = () => {
                                     btnTestId={
                                         WELCOME_STEP_TEST_IDS.CONFIGURE_BUTTON
                                     }
-                                    ctaContent={t("message.configure-entity", {
+                                    ctaContent={t("message.add-entity", {
                                         entity: t("label.data"),
                                     })}
                                     isComplete={hasDatasets}
                                     link={getDataConfigurationCreatePath()}
                                     subtitle={t(
-                                        "message.connect-to-startree-cloud-data-or-add-your-own-pinot-datasource"
-                                    )}
-                                    title={t(
-                                        "message.review-and-configure-data"
+                                        "message.add-your-dataset-or-sample"
                                     )}
+                                    title=""
                                 />
                                 <WelcomeStepCard
                                     btnTestId={
@@ -144,13 +141,9 @@ export const WelcomeLandingPage: FunctionComponent = () => {
                                         ])
                                     )}
                                     subtitle={t(
-                                        "message.explore-startree-thirdeye-in-one-click"
-                                    )}
-                                    title={capitalize(
-                                        t("message.create-my-first-entity", {
-                                            entity: t("label.alert"),
-                                        })
+                                        "message.create-an-alert-to-monitor"
                                     )}
+                                    title=""
                                 />
                             </Box>
                         </LoadingErrorStateSwitch>