rename embed mode components to simple view

Author: ifsimicoded

…/embed-exploration/embed-exploration.tsx …-simple-view/exploration-simple-view.tsxapp/scripts/components/exploration/components/embed-exploration/embed-exploration.tsx renamed to app/scripts/components/exploration/components/exploration-simple-view/exploration-simple-view.tsx app/scripts/components/exploration/components/embed-exploration/embed-exploration.tsx renamed to app/scripts/components/exploration/components/exploration-simple-view/exploration-simple-view.tsx

@@ -9,7 +9,7 @@ import { BasemapId } from '../../../common/map/controls/map-options/basemap';
 import { selectedCompareDateAtom, selectedDateAtom } from '../../atoms/dates';
 import { zoomAtom } from '../../atoms/zoom';
 import { centerAtom } from '../../atoms/center';
-import EmbedTimeline from './embed-timeline';
+import TimelineSimpleView from './timeline-simple-view';
 import MapBlock from '$components/common/blocks/block-map';
 import {
   VizDataset,
@@ -42,10 +42,12 @@ const CompareTimelineContainer = styled.div`
   z-index: 10;
 `;
 
-interface EmbeddedExplorationProps {
+interface ExplorationSimpleViewProps {
   datasets: TimelineDataset[];
 }
-export default function EmbeddedExploration(props: EmbeddedExplorationProps) {
+export default function ExplorationSimpleView(
+  props: ExplorationSimpleViewProps
+) {
   const { datasets } = props;
   const [selectedDay, setSelectedDay] = useAtom(selectedDateAtom);
   const [selectedCompareDay, setSelectedComparedDay] = useAtom(
@@ -183,7 +185,7 @@ function EmbeddedLayersExploration(props: EmbeddedLayersExplorationProps) {
       />
       <BaseTimelineContainer isCompareMode={!!selectedCompareDay}>
         {selectedDay && (
-          <EmbedTimeline
+          <TimelineSimpleView
             label=''
             date={selectedDay}
             setDate={setSelectedDay}
@@ -199,7 +201,7 @@ function EmbeddedLayersExploration(props: EmbeddedLayersExplorationProps) {
       </BaseTimelineContainer>
       <CompareTimelineContainer>
         {selectedCompareDay && (
-          <EmbedTimeline
+          <TimelineSimpleView
             label=''
             date={selectedCompareDay}
             setDate={setSelectedComparedDay}

…nts/embed-exploration/embed-timeline.tsx …ion-simple-view/timeline-simple-view.tsxapp/scripts/components/exploration/components/embed-exploration/embed-timeline.tsx renamed to app/scripts/components/exploration/components/exploration-simple-view/timeline-simple-view.tsx app/scripts/components/exploration/components/embed-exploration/embed-timeline.tsx renamed to app/scripts/components/exploration/components/exploration-simple-view/timeline-simple-view.tsx

@@ -22,7 +22,7 @@ const TimelineWrapper = styled.div`
   background-color: white;
   border-radius: 2px;
 `;
-interface EmbedTimelineProps {
+interface TimelineSimpleViewProps {
   date: Date | null;
   setDate: (date: Date | null) => void;
   timeDensity: TimeDensity;
@@ -31,7 +31,7 @@ interface EmbedTimelineProps {
   tipContent?: string;
 }
 
-function EmbedTimeline(props: EmbedTimelineProps) {
+function TimelineSimpleView(props: TimelineSimpleViewProps) {
   const { date, setDate, timeDensity, datasets, label, tipContent } = props;
 
   const lowestCommonTimeDensity = useMemo(
@@ -100,4 +100,4 @@ function EmbedTimeline(props: EmbedTimelineProps) {
   );
 }
 
-export default EmbedTimeline;
+export default TimelineSimpleView;

app/scripts/components/exploration/container.tsx

@@ -7,7 +7,7 @@ import { DatasetSelectorModal } from './components/dataset-selector-modal';
 import useTimelineDatasetAtom from './hooks/use-timeline-dataset-atom';
 import { externalDatasetsAtom } from './atoms/datasetLayers';
 import { viewModeAtom } from './atoms/viewMode';
-import EmbeddedExploration from './components/embed-exploration/embed-exploration';
+import ExplorationSimpleView from './components/exploration-simple-view/exploration-simple-view';
 import ExplorationAndAnalysis from '.';
 import { allExploreDatasets } from '$data-layer/datasets';
 import { urlAtom } from '$utils/params-location-atom/url';
@@ -53,7 +53,7 @@ export default function ExplorationAndAnalysisContainer() {
       <PageMainContent>
         <PageHero title='Exploration' isHidden />
         {viewMode === 'simple' ? (
-          <EmbeddedExploration datasets={timelineDatasets} />
+          <ExplorationSimpleView datasets={timelineDatasets} />
         ) : (
           <>
             <ExplorationAndAnalysis

app/scripts/libs/index.ts

@@ -56,7 +56,7 @@ export {
 
 export {
   CatalogContent,
-  EmbeddedExploration,
+  ExplorationSimpleView as EmbeddedExploration,
   ExplorationAndAnalysis,
   StoriesHubContent,
   DatasetSelectorModal

app/scripts/libs/page-components.ts

@@ -1,6 +1,6 @@
 export { default as CatalogContent } from '$components/common/catalog/catalog-content';
 export { default as ExplorationAndAnalysis } from '$components/exploration';
-export { default as EmbeddedExploration } from '$components/exploration/components/embed-exploration/embed-exploration';
+export { default as ExplorationSimpleView } from '$components/exploration/components/exploration-simple-view/exploration-simple-view';
 // DataSelectorModal needs to be paried with E&A, so putting this for now.
 export { DatasetSelectorModal } from '$components/exploration/components/dataset-selector-modal';
 export { default as StoriesHubContent } from '$components/stories/hub/hub-content';