diff --git a/superset-frontend/images/chart-card-fallback.png b/superset-frontend/images/chart-card-fallback.png deleted file mode 100644 index aa34d4f01..000000000 Binary files a/superset-frontend/images/chart-card-fallback.png and /dev/null differ diff --git a/superset-frontend/images/chart-card-fallback.svg b/superset-frontend/images/chart-card-fallback.svg new file mode 100644 index 000000000..7c3486ff7 --- /dev/null +++ b/superset-frontend/images/chart-card-fallback.svg @@ -0,0 +1,27 @@ + + + + + + + + + + diff --git a/superset-frontend/images/dashboard-card-fallback.png b/superset-frontend/images/dashboard-card-fallback.png deleted file mode 100644 index 1b4e968a0..000000000 Binary files a/superset-frontend/images/dashboard-card-fallback.png and /dev/null differ diff --git a/superset-frontend/images/dashboard-card-fallback.svg b/superset-frontend/images/dashboard-card-fallback.svg new file mode 100644 index 000000000..eaf2d5c68 --- /dev/null +++ b/superset-frontend/images/dashboard-card-fallback.svg @@ -0,0 +1,22 @@ + + + + + diff --git a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx b/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx index 2af54957b..6daf43d5f 100644 --- a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx +++ b/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx @@ -19,8 +19,8 @@ import React from 'react'; import { action } from '@storybook/addon-actions'; import { withKnobs, boolean, select, text } from '@storybook/addon-knobs'; -import DashboardImg from 'images/dashboard-card-fallback.png'; -import ChartImg from 'images/chart-card-fallback.png'; +import DashboardImg from 'images/dashboard-card-fallback.svg'; +import ChartImg from 'images/chart-card-fallback.svg'; import { Dropdown, Menu } from 'src/common/components'; import Icon from 'src/components/Icon'; import FaveStar from 'src/components/FaveStar'; diff --git a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx index 34a91c140..8df4f02b8 100644 --- a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx +++ b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx @@ -133,7 +133,7 @@ export default function ChartCard({ title={chart.slice_name} url={bulkSelectEnabled ? undefined : chart.url} imgURL={chart.thumbnail_url || ''} - imgFallbackURL="/static/assets/images/chart-card-fallback.png" + imgFallbackURL="/static/assets/images/chart-card-fallback.svg" description={t('Last modified %s', chart.changed_on_delta_humanized)} coverLeft={} coverRight={ diff --git a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx index e45d7fa6b..2550dc6eb 100644 --- a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx +++ b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx @@ -139,7 +139,7 @@ function DashboardCard({ } url={bulkSelectEnabled ? undefined : dashboard.url} imgURL={dashboard.thumbnail_url} - imgFallbackURL="/static/assets/images/dashboard-card-fallback.png" + imgFallbackURL="/static/assets/images/dashboard-card-fallback.svg" description={t( 'Last modified %s', dashboard.changed_on_delta_humanized,