feat: DX-2289 - [1-1 implementation review - S41] footer

cypress/e2e/1-test-login.cy.ts

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 
-describe("Login for a test user on DX", () => {
+describe("Login for a test user on Dataxplorer", () => {
   beforeEach(() => {
     // cy.login();
     cy.loginToAuth0(

cypress/e2e/4-reports.cy.ts

@@ -21,7 +21,7 @@ describe("Testing stories on DX", () => {
     // restoring login cache
     cy.restoreLocalStorageCache();
 
-    // Navigating to dx home page
+    // Navigating to Dataxplorer home page
     cy.intercept("GET", `${apiUrl}/users/plan-data`).as("planData");
 
     cy.visit("/");

src/app/components/Dialogs/TourGuide/rowFrameIntro.tsx

@@ -75,9 +75,9 @@ export default function RowFrameIntro(props: {
         </IconButton>
         <p>
           <b>
-            The stories in Dx are created by rows. Whenever you want to add
-            chart or text, you need to use the Row frame element and Select a
-            structure for the row.
+            The stories in Dataxplorer are created by rows. Whenever you want to
+            add chart or text, you need to use the Row frame element and Select
+            a structure for the row.
           </b>
         </p>
         <button

src/app/modules/callback-module/index.tsx

@@ -8,7 +8,7 @@ import { useCookie, useTitle } from "react-use";
 import { APPLICATION_JSON } from "app/state/api";
 
 function AuthCallbackModule() {
-  useTitle("DX Dataxplorer - Auth Callback");
+  useTitle("Dataxplorer - Auth Callback");
 
   const history = useHistory();
   const { error, isAuthenticated, getAccessTokenSilently } = useAuth0();

src/app/modules/chart-module/routes/chart-type/index.tsx

@@ -27,7 +27,7 @@ import { useCheckUserPlan } from "app/hooks/useCheckUserPlan";
 import { IChartType } from "app/state/api/action-reducers/sync/charts";
 
 function ChartBuilderChartType(props: Readonly<ChartBuilderChartTypeProps>) {
-  useTitle("DX Dataxplorer - Chart Type");
+  useTitle("Dataxplorer - Chart Type");
 
   const history = useHistory();
   const { page } = useParams<{ page: string }>();

src/app/modules/chart-module/routes/customize/index.tsx

@@ -10,7 +10,7 @@ import { useParams } from "react-router-dom";
 import AIIcon from "app/assets/icons/AIIcon";
 
 function ChartBuilderCustomize(props: Readonly<ChartBuilderCustomizeProps>) {
-  useTitle("DX Dataxplorer - Customise");
+  useTitle("Dataxplorer - Customise");
 
   const { page } = useParams<{ page: string; view?: string }>();
   const mapping = useStoreState((state) => state.charts.mapping.value);

src/app/modules/chart-module/routes/filters/index.tsx

@@ -11,7 +11,7 @@ import ErrorComponent from "app/modules/chart-module/components/dialog/errrorCom
 import AIIcon from "app/assets/icons/AIIcon";
 
 function ChartBuilderFilters(props: Readonly<ChartBuilderFiltersProps>) {
-  useTitle("DX Dataxplorer - Filters");
+  useTitle("Dataxplorer - Filters");
   const { page } = useParams<{ page: string }>();
   const mapping = useStoreState((state) => state.charts.mapping.value);
   if (props.dataError || props.chartError) {

src/app/modules/chart-module/routes/mapping/index.tsx

@@ -19,7 +19,7 @@ import MappingErrorComponent from "app/modules/chart-module/routes/mapping/error
 import AIIcon from "app/assets/icons/AIIcon";
 
 function ChartBuilderMapping(props: Readonly<ChartBuilderMappingProps>) {
-  useTitle("DX Dataxplorer - Mapping");
+  useTitle("Dataxplorer - Mapping");
   const { page, view } = useParams<{ page: string; view?: string }>();
 
   const location = useLocation();

src/app/modules/chart-module/routes/preview-theme/index.tsx

@@ -20,7 +20,7 @@ import moment from "moment";
 import AIIcon from "app/assets/icons/AIIcon";
 
 export function ChartBuilderPreviewTheme(props: ChartBuilderPreviewThemeProps) {
-  useTitle("DX Dataxplorer - Preview Chart");
+  useTitle("Dataxplorer - Preview Chart");
   const { visualOptions } = props;
   const token = useStoreState((state) => state.AuthToken.value);
   const domRef = React.useRef<HTMLDivElement>(null);

src/app/modules/chart-module/routes/preview/index.tsx

@@ -30,7 +30,7 @@ interface ChartBuilderPreviewProps {
 }
 
 export function ChartBuilderPreview(props: ChartBuilderPreviewProps) {
-  useTitle("DX Dataxplorer - Preview Data");
+  useTitle("Dataxplorer - Preview Data");
   const history = useHistory();
   const { page } = useParams<{ page: string }>();
   const datasetId = useStoreState((state) => state.charts.dataset.value);

src/app/modules/chart-module/routes/select-data/index.tsx

@@ -20,7 +20,7 @@ function ChartModuleDataView(
     ) => void;
   }>
 ) {
-  useTitle("DX Dataxplorer - Select Data");
+  useTitle("Dataxplorer - Select Data");
 
   const history = useHistory();
   const { page } = useParams<{ page: string }>();

src/app/modules/dataset-module/routes/datasetDetail/index.tsx

@@ -14,7 +14,7 @@ import { NotAuthorizedMessageModule } from "app/modules/common/not-authorized-me
 import HomeFooter from "app/modules/home-module/components/Footer";
 
 export default function DatasetDetail() {
-  useTitle("DX Dataxplorer - Dataset Detail");
+  useTitle("Dataxplorer - Dataset Detail");
 
   const { page } = useParams<{ page: string }>();
   const { user, isAuthenticated } = useAuth0();

src/app/modules/dataset-module/routes/edit/index.tsx

@@ -23,7 +23,7 @@ interface IDatasetDetail {
 }
 
 export default function EditMetaData() {
-  useTitle("DX Dataxplorer - Edit Meta Data");
+  useTitle("Dataxplorer - Edit Meta Data");
 
   const { page } = useParams<{ page: string }>();
   const token = useStoreState((state) => state.AuthToken.value);

src/app/modules/dataset-module/routes/upload-module/upload-steps/index.tsx

@@ -38,7 +38,7 @@ interface Props {
 }
 
 function DatasetUploadSteps(props: Props) {
-  useTitle("DX Dataxplorer - Upload Dataset");
+  useTitle("Dataxplorer - Upload Dataset");
 
   const { user } = useAuth0();
   const location = useLocation();

src/app/modules/home-module/components/Footer/DesktopFooter.tsx

@@ -227,7 +227,7 @@ export default function DesktopFooter(props: Props) {
                     ? "Thank you for subscribing!"
                     : isSubscriptionFailed
                     ? "Oops! Something went wrong with the request! Please fill your email again."
-                    : "  You will receive occasional emails from DX. You always have choice to unsubscribe within every Email."}
+                    : "  You will receive occasional emails from Dataxplorer. You always have choice to unsubscribe within every Email."}
                 </p>
               </Grid>
             </Grid>

src/app/modules/home-module/components/nonAuthUserLibrary/infoCard.tsx

@@ -57,11 +57,11 @@ export default function InfoCard() {
     >
       <p>
         <EyeIcon />
-        You’re Viewing Default DX Assets
+        You’re Viewing Default Dataxplorer Assets
       </p>
       <p>
-        The items displayed here are default assets from DX. Sign in to create,
-        customize, and personalize your own assets to match your needs.
+        The items displayed here are default assets from Dataxplorer. Sign in to
+        create, customize, and personalize your own assets to match your needs.
       </p>
       <p onClick={toggleDisplayButtons}>
         Sign In to Our Free Plan <KeyboardArrowDownIcon />{" "}

src/app/modules/home-module/components/nonAuthUserLibrary/signupDialog.tsx

@@ -97,8 +97,9 @@ export default function SignupDialog(props: Props) {
               Sign in to Create and Manage Assets
             </p>
             <p>
-              To enable editing and creation, DX needs to link your account.
-              Once signed up, you’ll find all your assets saved in your library.
+              To enable editing and creation, Dataxplorer needs to link your
+              account. Once signed up, you’ll find all your assets saved in your
+              library.
             </p>
           </div>
           <p

src/app/modules/home-module/index.tsx

@@ -10,7 +10,7 @@ import NonAuthUserLibrary from "./components/nonAuthUserLibrary";
 import { Box } from "@material-ui/core";
 
 export default function HomeModule() {
-  useTitle("DX Dataxplorer");
+  useTitle("Dataxplorer");
 
   const { isAuthenticated, user } = useAuth0();
 

src/app/modules/home-module/sub-modules/about/index.tsx

@@ -33,7 +33,7 @@ import EmptyAvi from "app/modules/home-module/assets/team/empty.png";
 import AddAssetDropdown from "app/modules/home-module/components/AddAssetDropdown";
 
 export default function AboutModule() {
-  useTitle("DX Dataxplorer - About");
+  useTitle("Dataxplorer - About");
   const { isAuthenticated } = useAuth0();
   const features = [
     {

src/app/modules/home-module/sub-modules/contact/index.tsx

@@ -31,7 +31,7 @@ const CssTextField = withStyles({
 })(TextField);
 
 export default function ContactModule() {
-  useTitle("DX Dataxplorer - Contact");
+  useTitle("Dataxplorer - Contact");
   const md = useMediaQuery("(max-width: 940px)");
   const [openSnackbar, setOpenSnackbar] = React.useState(false);
   const [message, setMessage] = React.useState("");

src/app/modules/home-module/sub-modules/dashboard/index.tsx

@@ -4,7 +4,7 @@ import AssetsCollection from "app/modules/home-module/components/AssetCollection
 import SmallFooter from "app/modules/home-module/components/Footer/smallFooter";
 
 function DashboardModule() {
-  useTitle("DX Dataxplorer - Dashboard");
+  useTitle("Dataxplorer - Dashboard");
 
   return (
     <div

src/app/modules/home-module/sub-modules/landing/index.tsx

@@ -10,7 +10,7 @@ import { useTitle } from "react-use";
 import { Link } from "react-router-dom";
 
 export default function LandingModule() {
-  useTitle("DX Dataxplorer - Landing");
+  useTitle("Dataxplorer - Landing");
 
   return (
     <div

src/app/modules/home-module/sub-modules/partners/index.tsx

@@ -112,7 +112,7 @@ const Pagination = (props: {
   </div>
 );
 export default function PartnersModule() {
-  useTitle("DX Dataxplorer - Partners");
+  useTitle("Dataxplorer - Partners");
 
   const [displayTab, setDisplayTab] = React.useState<number>(0);
   const handleChange = (

src/app/modules/home-module/sub-modules/pricing/index.tsx

@@ -79,7 +79,7 @@ const PLANS = [
 ];
 
 export default function PricingModule() {
-  useTitle("DX Dataxplorer - Pricing");
+  useTitle("Dataxplorer - Pricing");
 
   const { user, isAuthenticated } = useAuth0();
   const isMobile = useMediaQuery("(max-width: 1030px)");

src/app/modules/home-module/sub-modules/why-dx/index.tsx

@@ -12,7 +12,7 @@ import { useMediaQuery } from "usehooks-ts";
 import Hero from "app/modules/home-module/components/hero";
 
 export default function WhyDX() {
-  useTitle("DX Dataxplorer - Why Dataxplorer?");
+  useTitle("Dataxplorer - Why Dataxplorer?");
   const isTablet = useMediaQuery("(max-width: 1024px)");
   const isMobile = useMediaQuery("(max-width: 641px)");
   let Ellipses = EllipsesDesktop;

src/app/modules/onboarding-module/component/card/index.tsx

@@ -104,7 +104,7 @@ export default function AuthCard(props: { isSignIn?: boolean }) {
                 font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif;
               `}
             >
-              I agree with DX's{" "}
+              I agree with Dataxplorer's{" "}
               <a
                 href="/"
                 target="_blank"

src/app/modules/onboarding-module/index.tsx

@@ -8,7 +8,7 @@ import OnboardingRightDeco from "app/modules/onboarding-module/asset/onboardingR
 import { useTitle } from "react-use";
 
 export default function Onboarding() {
-  useTitle("DX Dataxplorer - Onboarding");
+  useTitle("Dataxplorer - Onboarding");
 
   const history = useHistory();
   const location = useLocation();

src/app/modules/story-module/views/ai-template/index.tsx

@@ -29,7 +29,7 @@ import NewsletterForm from "app/modules/common/newsletterForm";
 import { useTitle } from "react-use";
 
 export default function AITemplate() {
-  useTitle("DX Dataxplorer - AI Template");
+  useTitle("Dataxplorer - AI Template");
 
   const [isSubscribed, setIsSubscribed] = React.useState(false);
   const [isSubscriptionFailed, setIsSubscriptionFailed] = React.useState(false);
@@ -181,8 +181,8 @@ export default function AITemplate() {
                   color: #000;
                 `}
               >
-                You will receive occasional emails from DX. You always have
-                choice to unsubscribe within every email.
+                You will receive occasional emails from Dataxplorer. You always
+                have choice to unsubscribe within every email.
               </p>
             </div>
           </div>

src/app/modules/story-module/views/create/index.tsx

@@ -19,7 +19,7 @@ import { useTitle } from "react-use";
 import PlaceHolder from "app/modules/story-module/components/placeholder";
 
 function StoryCreateView(props: Readonly<StoryCreateViewProps>) {
-  useTitle("DX Dataxplorer - Create Story");
+  useTitle("Dataxplorer - Create Story");
 
   const { ref, width } = useResizeObserver<HTMLDivElement>();
 

src/app/modules/story-module/views/edit/index.tsx

@@ -37,7 +37,7 @@ import {
 import PlaceHolder from "app/modules/story-module/components/placeholder";
 
 function StoryEditView(props: Readonly<StoryEditViewProps>) {
-  useTitle("DX Dataxplorer - Edit Story");
+  useTitle("Dataxplorer - Edit Story");
 
   const { page } = useParams<{ page: string }>();
   const token = useStoreState((state) => state.AuthToken.value);

src/app/modules/story-module/views/initial/index.tsx

@@ -17,7 +17,7 @@ import Filter from "app/modules/home-module/components/Filter";
 import { useMediaQuery } from "@material-ui/core";
 
 function StoryInitialView(props: Readonly<StoryInitialViewProps>) {
-  useTitle("DX Dataxplorer - New Story");
+  useTitle("Dataxplorer - New Story");
 
   const history = useHistory();
   const isMobile = useMediaQuery("(max-width: 599px)");

src/app/modules/story-module/views/preview/index.tsx

@@ -31,7 +31,7 @@ export function StoryPreviewView(
     >;
   }>
 ) {
-  useTitle(`DX DataXplorer - Story View`);
+  useTitle(`DataXplorer - Story View`);
 
   const { page } = useParams<{ page: string }>();
 

src/app/modules/user-profile-module/index.tsx

@@ -6,7 +6,7 @@ import { LogOutIcon, RightIcon } from "./component/icons";
 import { useTitle } from "react-use";
 
 export default function UserProfileModule() {
-  useTitle("DX Dataxplorer - User Management");
+  useTitle("Dataxplorer - User Management");
 
   const history = useHistory();
   const { isAuthenticated, isLoading } = useAuth0();

src/app/modules/user-profile-module/sub-module/profile.tsx

@@ -23,7 +23,7 @@ interface State {
 }
 
 export default function Profile() {
-  useTitle("DX Dataxplorer - User Profile");
+  useTitle("Dataxplorer - User Profile");
   const { user, getAccessTokenSilently } = useAuth0();
   const token = useStoreState((state) => state.AuthToken.value);