Skip to content

Commit

Permalink
Release v2.0.8 (#436)
Browse files Browse the repository at this point in the history
_The PR name should be the version to be deployed (ex: v1.0.1)_

- [x] Bump the version in the package.json or equivalent.

---

# Changelog v2.0.8

## 🎉 Features
- 🦗

## 🚀 Improvements
- Upgrade to Veda Ui v5.0.2 [See changes](
https://github.com/NASA-IMPACT/veda-ui/releases/tag/v5.2.0)
- Add tutorial demo videos  #431 
- Update notebook links to open in JupyterLab #427 

## 📊 Dataset Updates
- 🦗

## 🐛 Fixes
- 🦗
  • Loading branch information
paridhi-parajuli authored Jul 8, 2024
2 parents 2be423d + 55c5bb2 commit e4891d8
Show file tree
Hide file tree
Showing 19 changed files with 86 additions and 20 deletions.
2 changes: 1 addition & 1 deletion .veda/ui
Submodule ui updated 57 files
+2 −0 .env
+25 −0 .github/ISSUE_TEMPLATE/bug.md
+33 −0 .github/ISSUE_TEMPLATE/bug_report.md
+69 −101 app/scripts/components/common/blocks/block-map.tsx
+14 −1 app/scripts/components/common/blocks/index.tsx
+2 −2 app/scripts/components/common/blocks/lazy-components.js
+2 −2 app/scripts/components/common/blocks/scrollytelling/chapter.tsx
+130 −160 app/scripts/components/common/blocks/scrollytelling/index.tsx
+6 −0 app/scripts/components/common/browse-controls/constants.js
+19 −16 app/scripts/components/common/browse-controls/index.tsx
+3 −148 app/scripts/components/common/browse-controls/use-browse-controls.ts
+2 −2 app/scripts/components/common/card-sources.tsx
+1 −0 app/scripts/components/common/card/horizontal-info-card.tsx
+3 −3 app/scripts/components/common/card/index.tsx
+157 −0 app/scripts/components/common/catalog/catalog-card.tsx
+333 −0 app/scripts/components/common/catalog/catalog-content.tsx
+57 −0 app/scripts/components/common/catalog/catalog-tags.tsx
+15 −0 app/scripts/components/common/catalog/controls/atoms/search-atom.ts
+22 −0 app/scripts/components/common/catalog/controls/atoms/taxonomy-atom.ts
+70 −0 app/scripts/components/common/catalog/controls/hooks/use-filters-with-query.ts
+3 −2 app/scripts/components/common/catalog/filter-tag.tsx
+58 −36 app/scripts/components/common/catalog/filters-control.tsx
+14 −216 app/scripts/components/common/catalog/index.tsx
+25 −19 app/scripts/components/common/catalog/prepare-datasets.ts
+144 −0 app/scripts/components/common/catalog/utils.test.ts
+79 −0 app/scripts/components/common/catalog/utils.ts
+2 −2 app/scripts/components/common/content-taxonomy.tsx
+3 −3 app/scripts/components/common/featured-slider-section.tsx
+16 −13 app/scripts/components/common/form/checkable-filter/index.tsx
+12 −3 app/scripts/components/common/map/map-component.tsx
+14 −6 app/scripts/components/common/map/maps.tsx
+3 −0 app/scripts/components/common/map/style-generators/raster-timeseries.tsx
+22 −3 app/scripts/components/common/map/utils.ts
+2 −2 app/scripts/components/data-catalog/container.tsx
+28 −31 app/scripts/components/exploration/analysis-data.ts
+8 −7 app/scripts/components/exploration/atoms/hooks.ts
+0 −291 app/scripts/components/exploration/components/dataset-selector-modal/content.tsx
+5 −5 app/scripts/components/exploration/components/dataset-selector-modal/footer.tsx
+2 −27 app/scripts/components/exploration/components/dataset-selector-modal/header.tsx
+38 −125 app/scripts/components/exploration/components/dataset-selector-modal/index.tsx
+1 −1 app/scripts/components/exploration/components/datasets/data-layer-card.tsx
+7 −7 app/scripts/components/exploration/components/datasets/dataset-list-item.tsx
+4 −4 app/scripts/components/exploration/components/layer-info-modal.tsx
+3 −3 app/scripts/components/exploration/components/map/index.tsx
+12 −26 app/scripts/components/exploration/components/map/layer.tsx
+2 −2 app/scripts/components/exploration/components/timeline/timeline.tsx
+37 −31 app/scripts/components/exploration/data-utils.ts
+18 −15 app/scripts/components/exploration/hooks/use-analysis-data-request.ts
+32 −30 app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts
+52 −36 app/scripts/components/exploration/types.d.ts.ts
+2 −2 app/scripts/components/sandbox/mdx-scrollytelling/page.mdx
+19 −97 app/scripts/components/stories/hub/index.tsx
+2 −44 app/scripts/context/layer-data.tsx
+1 −0 app/scripts/types/aliases.ts
+2 −2 app/scripts/utils/use-sliding-sticky-header.ts
+2 −1 package.json
+1 −0 tsconfig.json
6 changes: 6 additions & 0 deletions custom-pages/learn/component.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import {
Card
} from "$veda-ui-scripts/components/common/card";


import {
Continuum,
ContinuumGridItem,
Expand Down Expand Up @@ -39,15 +40,18 @@ const StyledCard = styled(Card)`
content: none;
}
}
img {
max-height: 250px;
}
h3 {
font-size: 1.125rem;
}
p {
font-size: 1rem;
}
`

const StyledContinuum = styled(Continuum)`
Expand Down Expand Up @@ -84,9 +88,11 @@ export function EventsComponent ({items}) {
spanCols={continuumFoldSpanCols}
render={(bag) => {
return items.map((d) => {

// const date = new Date(d[dateProperty ?? '']);
// const topics = getTaxonomy(d, TAXONOMY_TOPICS)?.values;
const timeStatus = (d.startDate && d.endDate)? getEventTemporalState(d.startDate, d.endDate): null

return (
<ContinuumGridItem {...bag} key={d.name}>
<StyledCard
Expand Down
15 changes: 11 additions & 4 deletions custom-pages/learn/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: "
---

import { EventsComponent } from './component'
import { NEWS_ITEMS, EVENT_ITEMS, NEWSLETTER_ITEMS } from './learn-page-content'
import { NEWS_ITEMS, EVENT_ITEMS, NEWSLETTER_ITEMS, TUTORIAL_ITEMS } from './learn-page-content'
import AnchorScroll from './AnchorScroll'

import { SUBSCRIPTION_URL } from "../../constants";
Expand All @@ -29,7 +29,7 @@ import { SUBSCRIPTION_URL } from "../../constants";
<Block>
<Prose>
<h2 id="news">News and Announcements</h2>
<EventsComponent items={NEWS_ITEMS} />
<EventsComponent items={NEWS_ITEMS}/>

{/* <h3 id="newsletter">U.S. GHG Center newsletters</h3>
<div style={{background: '#E8F0FD', border: '1px solid #B7CFFA', padding: '0.5rem', fontSize: '1rem'}}>
Expand All @@ -45,15 +45,22 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel nunc mauris
<Block>
<Prose>
## Events
<EventsComponent items={EVENT_ITEMS} />
<EventsComponent items={EVENT_ITEMS}/>
</Prose>
</Block>


<Block>
<Prose>
## Newsletters
<EventsComponent items={NEWSLETTER_ITEMS} />
<EventsComponent items={NEWSLETTER_ITEMS}/>
</Prose>
</Block>

<Block>
<Prose>
## Tutorial Videos
<EventsComponent items={TUTORIAL_ITEMS}/>
</Prose>
</Block>

Expand Down
30 changes: 30 additions & 0 deletions custom-pages/learn/learn-page-content.js
Original file line number Diff line number Diff line change
Expand Up @@ -178,3 +178,33 @@ export const EVENT_ITEMS = sortByDateDesc([
endDate: '2023-11-26'
}
])

export const TUTORIAL_ITEMS = [
{
name: 'Tour the US GHG Center',
asLink : {
url: 'https://youtu.be/6xWdIlWqhBE?si=KEaUug75HvH94aBo'
},
media: {
src: new URL("./media/tutorials/tutorial_intro_video.png", import.meta.url).href,
alt: ''
},
description: 'Learn how to use the US GHG Center portal.',
startDate: '',
endDate: ''
},
{
name: 'Introduction to the Exploration Environment',
asLink : {
url: 'https://www.youtube.com/watch?v=S2XL5WT9W4g'
},
media: {
src: new URL("./media/tutorials/tutorial_exploration_video.png", import.meta.url).href,
alt: ''
},
description: "Learn how to navigate the Exploration Environment.",
startDate: '',
endDate: ''

}
]
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion datasets/eccodarwin-co2flux-monthgrid-v5.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: "https://us-ghg-center.github.io/ghgc-docs/datausage.html"
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Feccodarwin-co2flux-monthgrid-v5_User_Notebook.ipynb&branch=main"
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Feccodarwin-co2flux-monthgrid-v5_User_Notebook.ipynb&branch=main"
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#eccodarwin-co2flux-monthgrid-v5/
Expand Down
2 changes: 1 addition & 1 deletion datasets/emit-ch4plume-v1.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/user_data_notebooks/emit-ch4plume-v1_User_Notebook.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Femit-ch4plume-v1_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Femit-ch4plume-v1_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://search.earthdata.nasa.gov/search/granules?p=C2748088093-LPCLOUD&pg[0][v]=f&pg[0][gsk]=-start_date&q=emit%20plume&tl=1694622854.77!3!!
Expand Down
2 changes: 1 addition & 1 deletion datasets/epa-ch4emission-yeargrid-v2express.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: "https://us-ghg-center.github.io/ghgc-docs/datausage.html"
label: Notebooks to read, visualize, and explore data statistics
title: "Data Usage Notebooks"
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Fepa-ch4emission-grid-v2express_User_Notebook.ipynb&branch=main"
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Fepa-ch4emission-grid-v2express_User_Notebook.ipynb&branch=main"
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#epa-ch4emission-yeargrid-v2express/
Expand Down
2 changes: 1 addition & 1 deletion datasets/gosat-based-ch4budget-yeargrid-v1.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Fgosat-based-ch4budget-yeargrid-v1_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Fgosat-based-ch4budget-yeargrid-v1_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#gosat-based-ch4budget-yeargrid-v1/
Expand Down
2 changes: 1 addition & 1 deletion datasets/lpjwsl-wetlandch4-grid-v2.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Flpjeosim-wetlandch4-grid-v2_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Flpjeosim-wetlandch4-grid-v2_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#lpjeosim-wetlandch4-daygrid-v2/
Expand Down
2 changes: 1 addition & 1 deletion datasets/micasa-carbonflux-daygrid-v1.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Fmicasa-carbonflux-daygrid-v1_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Fmicasa-carbonflux-daygrid-v1_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#micasa-carbonflux-daygrid-v1/
Expand Down
2 changes: 1 addition & 1 deletion datasets/oco2-mip-co2budget-yeargrid-v1.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Foco2-mip-co2budget-yeargrid-v1_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Foco2-mip-co2budget-yeargrid-v1_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#oco2-mip-co2budget-yeargrid-v1/
Expand Down
2 changes: 1 addition & 1 deletion datasets/oco2geos-co2-daygrid-v10r.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Foco2geos-co2-daygrid-v10r_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Foco2geos-co2-daygrid-v10r_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#oco2geos-co2-daygrid-v10r/
Expand Down
2 changes: 1 addition & 1 deletion datasets/odiac-ffco2-monthgrid-v2022.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Fodiac-ffco2-monthgrid-v2022_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Fodiac-ffco2-monthgrid-v2022_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#odiac-ffco2-monthgrid-v2022/
Expand Down
2 changes: 1 addition & 1 deletion datasets/sedac-popdensity-yeargrid5yr-v4.11.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: "https://us-ghg-center.github.io/ghgc-docs/datausage.html"
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Fsedac-popdensity-yeargrid5yr-v4.11_User_Notebook.ipynb&branch=main"
- url: "https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Fsedac-popdensity-yeargrid5yr-v4.11_User_Notebook.ipynb&branch=main"
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#sedac-popdensity-yeargrid5yr-v4.11/
Expand Down
2 changes: 1 addition & 1 deletion datasets/tm54dvar-ch4flux-monthgrid-v1.data.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ usage:
- url: 'https://us-ghg-center.github.io/ghgc-docs/datausage.html'
label: Notebooks to read, visualize, and explore data statistics
title: 'Data Usage Notebooks'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=tree%2Fghgc-docs%2Fuser_data_notebooks%2Ftm54dvar-ch4flux-monthgrid-v1_User_Notebook.ipynb&branch=main'
- url: 'https://hub.ghg.center/hub/user-redirect/git-pull?repo=https%3A%2F%2Fgithub.com%2FUS-GHG-Center%2Fghgc-docs&urlpath=lab%2Ftree%2Fghgc-docs%2Fuser_data_notebooks%2Ftm54dvar-ch4flux-monthgrid-v1_User_Notebook.ipynb&branch=main'
label: Run example notebook
title: Interactive Session in the US GHG Center JupyterHub (requires account)
- url: https://dljsq618eotzp.cloudfront.net/browseui/index.html#tm54dvar-ch4flux-monthgrid-v1/
Expand Down
23 changes: 20 additions & 3 deletions overrides/home/component.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,14 @@ const Buttons = styled.div`

export default function HomeComponent() {
const [showModal, setShowModal] = React.useState<boolean>(false);
const handleOpenModal = () => setShowModal(true);
const [videoLink, setVideoLink] = React.useState<string>("");


const handleOpenModal = (link: string) => {
setVideoLink(link);
setShowModal(true);
};


return (
<>
Expand All @@ -117,7 +124,7 @@ export default function HomeComponent() {
</p>
<Buttons>
<Button
onClick={handleOpenModal}
onClick={() => handleOpenModal("https://www.youtube.com/embed/6xWdIlWqhBE?si=NpOVMavs4IgKE297")}
size="xlarge"
variation="primary-fill"
>
Expand All @@ -136,6 +143,7 @@ export default function HomeComponent() {
</IntroHeadline>
<Keypoints />
<ActionsBlock>
<Buttons>
<Button
forwardedAs={NavLink}
to="/data-catalog"
Expand All @@ -144,6 +152,15 @@ export default function HomeComponent() {
>
Browse the Data Catalog <CollecticonArrowRight />
</Button>
<Button
onClick={() => handleOpenModal("https://www.youtube.com/embed/S2XL5WT9W4g")}
size="xlarge"
variation="primary-fill"
>
<CollecticonCirclePlay />
How to Explore Data
</Button>
</Buttons>
</ActionsBlock>
</HomeContent>
<InfoCallout>
Expand Down Expand Up @@ -171,7 +188,7 @@ export default function HomeComponent() {
{
showModal && (
<VideoModal
iframe={<iframe width="560" height="315" src="https://www.youtube.com/embed/6xWdIlWqhBE?si=NpOVMavs4IgKE297" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen={true}></iframe>}
iframe={<iframe width="560" height="315" src={videoLink} title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen={true}></iframe>}
display={showModal}
onClose={() => setShowModal(false)}
width={`${560*1.5}px`} // Iframe's original embed width value 1.5x bigger
Expand Down
8 changes: 7 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "veda-config",
"description": "Configuration for Veda",
"version": "2.0.7",
"version": "2.0.8",
"source": "./.veda/ui/app/index.html",
"license": "Apache-2.0",
"scripts": {
Expand All @@ -13,6 +13,12 @@
"local-cms": "npx netlify-cms-proxy-server",
"test": "NODE_ENV=test .veda/veda test"
},
"targets": {
"veda-app": {
"source": "./.veda/ui/app/index.html",
"context": "browser"
}
},
"browserslist": "> 0.5%, last 2 versions, not dead",
"engines": {
"node": "20.x"
Expand Down

0 comments on commit e4891d8

Please sign in to comment.