admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'develop' into release/0.0.3

Browse Source
This commit is contained in:
jwu-fisker
2022-11-08 16:57:02 -08:00
parent cbec038bd3 33bfc4fb13
commit 9fd18330b6
17 changed files with 503 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.env.cec-prd
View File

@@ -2,5 +2,4 @@ REACT_APP_AUTH_SERVICE_URL=https://gw.cec-prd.fiskerinc.com/compute_auth
REACT_APP_CERT_SERVICE_URL=https://gw.cec-prd.fiskerinc.com/certificate
REACT_APP_UPLOAD_SERVICE_URL=https://gw.cec-prd.fiskerinc.com/ota_update
REACT_APP_AUTH_CALLBACK_URL=https://ota-admin.cec-prd.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_KEYS_LIST=0b01ac72-9ef4-4a5f-be34-b1ac0bf972cc
REACT_APP_SUPERSET_URL=https://superset.cec-prd.fiskerinc.com

1
.env.dev
View File

@@ -3,4 +3,3 @@ REACT_APP_AUTH_SERVICE_URL=https://dev-gw.cloud.fiskerinc.com/compute_auth
REACT_APP_UPLOAD_SERVICE_URL=https://dev-gw.cloud.fiskerinc.com/ota_update
REACT_APP_AUTH_CALLBACK_URL=https://dev-ota-admin.cloud.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_KEYS_LIST=0b01ac72-9ef4-4a5f-be34-b1ac0bf972cc

3
.env.prd
View File

@@ -2,5 +2,4 @@ REACT_APP_AUTH_SERVICE_URL=https://gw.cloud.fiskerinc.com/compute_auth
REACT_APP_CERT_SERVICE_URL=https://gw.cloud.fiskerinc.com/certificate
REACT_APP_UPLOAD_SERVICE_URL=https://gw.cloud.fiskerinc.com/ota_update
REACT_APP_AUTH_CALLBACK_URL=https://ota-admin.cloud.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_KEYS_LIST=0b01ac72-9ef4-4a5f-be34-b1ac0bf972cc
REACT_APP_SUPERSET_URL=https://superset.cloud.fiskerinc.com

3
.env.stg
View File

@@ -2,5 +2,4 @@ REACT_APP_AUTH_SERVICE_URL=https://stg-gw.cloud.fiskerinc.com/compute_auth
REACT_APP_CERT_SERVICE_URL=https://stg-gw.cloud.fiskerinc.com/certificate
REACT_APP_UPLOAD_SERVICE_URL=https://stg-gw.cloud.fiskerinc.com/ota_update
REACT_APP_AUTH_CALLBACK_URL=https://stg-ota-admin.cloud.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_KEYS_LIST=0b01ac72-9ef4-4a5f-be34-b1ac0bf972cc
REACT_APP_SUPERSET_URL=https://stg-superset.cloud.fiskerinc.com

1
.env.template
View File

@@ -3,4 +3,3 @@ REACT_APP_UPLOAD_SERVICE_URL=http://localhost/ota_update
REACT_APP_AUTH_CALLBACK_URL=http://localhost:3000
REACT_APP_SUPERSET_URL=https://dev-superset.cloud.fiskerinc.com
REACT_APP_CERT_SERVICE_URL=http://localhost/certificate
REACT_APP_SUPERSET_KEYS_LIST=0b01ac72-9ef4-4a5f-be34-b1ac0bf972cc

7
src/components/App/App.test.js
View File

@@ -5,8 +5,10 @@ jest.mock("../Contexts/ManifestsContext");
jest.mock("../Contexts/UserContext");
jest.mock("../../services/monitoring");
jest.mock("../../services/vehiclesAPI");
jest.mock("../../services/superset")
import {
act,
render,
screen,
cleanup,
@@ -30,7 +32,10 @@ const renderRoute = async (route) => {
};
const check = async (path, selector, compare) => {
const container = await renderRoute(path);
let container
await act(async () => {
container = await renderRoute(path);
})
expect(container.querySelector(selector).innerHTML).toEqual(compare);
expect(container).toMatchSnapshot();
};

319
src/components/App/__snapshots__/App.test.js.snap
View File

@@ -210,10 +210,9 @@ exports[`App Route / authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -243,8 +242,34 @@ exports[`App Route / authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -744,10 +769,9 @@ exports[`App Route /home authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -777,8 +801,34 @@ exports[`App Route /home authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -1314,10 +1364,9 @@ exports[`App Route /package-deploy authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -1347,8 +1396,34 @@ exports[`App Route /package-deploy authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -2248,10 +2323,9 @@ exports[`App Route /package-status authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -2281,8 +2355,34 @@ exports[`App Route /package-status authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -2900,10 +3000,9 @@ exports[`App Route /packages authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -2933,8 +3032,34 @@ exports[`App Route /packages authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -3779,10 +3904,9 @@ exports[`App Route /page-not-found authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -3812,8 +3936,34 @@ exports[`App Route /page-not-found authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -4276,10 +4426,9 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -4309,8 +4458,34 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -5006,10 +5181,9 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -5039,8 +5213,34 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -5602,10 +5802,9 @@ exports[`App Route /vehicle-add authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -5635,8 +5834,34 @@ exports[`App Route /vehicle-add authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -6756,10 +6981,9 @@ exports[`App Route /vehicle-status authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -6789,8 +7013,34 @@ exports[`App Route /vehicle-status authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -7541,10 +7791,9 @@ exports[`App Route /vehicles authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -7574,8 +7823,34 @@ exports[`App Route /vehicles authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a

8
src/components/Dashboard/index.jsx
View File

@@ -4,10 +4,12 @@ import { useStatusContext } from "../Contexts/StatusContext";
import { useUserContext } from "../Contexts/UserContext";
import './index.css'
import { embedDashboard } from "@superset-ui/embedded-sdk";
import { useHistory } from "react-router-dom";
const Dashboard = () => {
const { setTitle, setSitePath } = useStatusContext();
const history = useHistory()
const {
token: {
@@ -16,17 +18,19 @@ const Dashboard = () => {
} = useUserContext();
useEffect(() => {
const urlsplit = window.location.href.split("/")
const id = urlsplit[urlsplit.length - 1]
setTitle("Datascope");
setSitePath([]);
embedDashboard({
id: api.SupersetDashboardID(), // given by the Superset embedding UI
id: id, // given by the Superset embedding UI
supersetDomain: api.SupersetDashboardURL(),
mountPoint: document.getElementById("my-superset-container"), // any html element that can contain an iframe
fetchGuestToken: () => api.getGuestToken(token),
dashboardUiConfig: { hideTab: true, hideTitle: true }, // dashboard UI config: hideTitle, hideTab, hideChartControls (optional)
});
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
}, [history.location]);
return (
<div style={{

38
src/components/Layouts/MenuItem.jsx Normal file
View File

@@ -0,0 +1,38 @@
import React from "react";
import ListItemLink from "../ListItemLink";
import ListItemExternalLink from "../ListItemExternalLink"
const MenuItem = ({ item, children }) => {
return (
<li>
{item.label && (<>
{item.url ?
<ListItemExternalLink
primary={item.label}
url={item.url}
icon={item.icon}
/>
: <ListItemLink primary={item.label} to={item.to} icon={item.icon} />}
{item.component &&
<item.component />
}
</>)}
{children}
</li>
);
};
const ExpandableSideMenuItem = ({ item }) => (
<>
<span>
<MenuItem item={item}></MenuItem>
</span>
<ul style={{ marginLeft: 50 }}>
{item.submenus.map((subitem, index) => (
<MenuItem key={`submenu-${index}`} item={subitem} />
))}
</ul>
</>
);
export {ExpandableSideMenuItem, MenuItem}

39
src/components/Layouts/SideMenu.jsx
View File

@@ -8,10 +8,10 @@ import AssessmentIcon from "@material-ui/icons/Assessment";
import BuildIcon from "@material-ui/icons/Build";
import SettingsInputCompositeIcon from "@material-ui/icons/SettingsInputComposite";
import ListItemLink from "../ListItemLink";
import ListItemExternalLink from "../ListItemExternalLink";
import { useUserContext } from "../Contexts/UserContext";
import { Roles, hasRole } from "../../utils/roles";
import { ExpandableSideMenuItem, MenuItem } from "./MenuItem";
import SupersetDashboardList from "../SupersetDashboardList/SupersetDashboardList";
const menuData = [
{
@@ -40,9 +40,10 @@ const menuData = [
},
{
label: "Datascope",
to: "/datascope",
to: null,
icon: <AssessmentIcon />,
roles: [Roles.READ, Roles.CREATE],
component: SupersetDashboardList
},
{
label: "Suppliers",
@@ -70,39 +71,10 @@ const menuData = [
},
];
const MenuItem = ({ item, children }) => {
return (
<li>
{item.to && (
<ListItemLink primary={item.label} to={item.to} icon={item.icon} />
)}
{item.url && (
<ListItemExternalLink
primary={item.label}
url={item.url}
icon={item.icon}
/>
)}
{children}
</li>
);
};
const ExpandableSideMenuItem = ({ item }) => (
<>
<span>
<MenuItem item={item}></MenuItem>
</span>
<ul style={{ marginLeft: 50 }}>
{item.submenus.map((subitem, index) => (
<MenuItem key={`submenu-${index}`} item={subitem} />
))}
</ul>
</>
);
const SideMenu = () => {
const { groups } = useUserContext();
const menu = menuData.reduce((result, item) => {
if (hasRole(item.roles, groups)) {
result.push(item);
@@ -111,6 +83,7 @@ const SideMenu = () => {
return result;
}, []);
return (
<List>
{menu.map((item, index) => {

11
src/components/Layouts/SideMenu.test.jsx
View File

@@ -1,6 +1,7 @@
jest.mock("../Contexts/UserContext");
jest.mock("../../services/superset")
import { render, waitFor } from "@testing-library/react";
import { render, waitFor, screen } from "@testing-library/react";
import { BrowserRouter } from "react-router-dom";
import { UserProvider, setToken } from "../Contexts/UserContext";
import { TEST_AUTH_OBJECT } from "../../utils/testing";
@@ -22,17 +23,15 @@ const renderMenu = async () => {
describe("SideMenu", () => {
beforeAll(() => {
addSnapshotSerializer(expect);
});
it("Unauthenticated", async () => {
setToken(null);
const container = await renderMenu();
expect(container).toMatchSnapshot();
});
it("Authenticated", async () => {
setToken(TEST_AUTH_OBJECT);
const container = await renderMenu();
await waitFor(() => {
expect(screen.getByText('Datascope')).toBeInTheDocument()
})
expect(container).toMatchSnapshot();
});
});

78
src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
View File

@@ -153,10 +153,9 @@ exports[`SideMenu Authenticated 1`] = `
</a>
</li>
<li>
<a
<div
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope"
role="button"
tabindex="0"
>
@@ -186,8 +185,34 @@ exports[`SideMenu Authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
<ul
style="margin-left: 50px;"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
role="button"
tabindex="0"
>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</li>
<span>
<li>
<a
@@ -278,52 +303,3 @@ exports[`SideMenu Authenticated 1`] = `
</div>
</div>
`;
exports[`SideMenu Unauthenticated 1`] = `
<div>
<div
data-testid="mocked-userprovider"
>
<ul
class="MuiList-root MuiList-padding"
>
<li>
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/home"
role="button"
tabindex="0"
>
<div
class="MuiListItemIcon-root"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
<div
class="MuiListItemText-root"
>
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
Home
</span>
</div>
<span
class="MuiTouchRipple-root"
/>
</a>
</li>
</ul>
</div>
</div>
`;

11
src/components/ListItemLink.jsx
View File

@@ -9,10 +9,13 @@ function ListItemLink(props) {
const { icon, primary, to } = props;
const renderLink = React.useMemo(
() =>
React.forwardRef((itemProps, ref) => (
() => {
if (to) {
return React.forwardRef((itemProps, ref) => (
<RouterLink to={to} ref={ref} {...itemProps} />
)),
))
}
},
[to]
);
@@ -27,7 +30,7 @@ function ListItemLink(props) {
ListItemLink.propTypes = {
icon: PropTypes.element,
primary: PropTypes.string.isRequired,
to: PropTypes.string.isRequired,
to: PropTypes.string,
};
export default ListItemLink;

45
src/components/SupersetDashboardList/SupersetDashboardList.jsx Normal file
View File

@@ -0,0 +1,45 @@
import React, { useState, useEffect } from "react";
import { useUserContext } from "../Contexts/UserContext";
import supersetAPI from "../../services/superset";
import { MenuItem } from "../Layouts/MenuItem";
const SupersetDashboardList = () => {
const [dashboardList, setDashboardList] = useState([])
const { groups } = useUserContext();
const {
token: {
idToken: { jwtToken: token },
},
} = useUserContext();
useEffect(() => {
if (groups && token) {
const internalEffect = async (token) => {
const embeddedDashboards = await await supersetAPI.getEmbeddedDashboards(token)
const submenus = embeddedDashboards.map((dashboard) => {
return {
label: dashboard.title,
to: "/datascope/" + dashboard.embedded_id,
roles: [],
}
})
setDashboardList(submenus)
}
internalEffect(token)
}
}, [groups, token])
return (
<ul style={{ marginLeft: 50 }}>
{dashboardList.map((subitem, index) => (
<MenuItem key={`submenu-${index}`} item={subitem} />
))}
</ul>
)
}
export default SupersetDashboardList

13
src/services/__mocks__/superset.js Normal file
View File

@@ -0,0 +1,13 @@
const SupersetAPI = {
getEmbeddedDashboards: async () => {
return [{
title: "test title",
embedded_id: "00000000-0000-0000-0000-000000000000"
}]
},
SupersetDashboardID: () => {
return "11111100-0000-1111-1111-000000000000"
}
}
export default SupersetAPI

21
src/services/superset.js
View File

@@ -21,15 +21,32 @@ const supersetAPI = {
let q = r["token"]
return q
},
getEmbeddedDashboards: async(token) => {
const u = addQueryParams(`${API_ENDPOINT}/dashboard/embedded-dashboards`);
let res = await fetch(u, {
method: "GET",
headers: Object.assign(
getAuthHeaderOptions(token)
),
})
if(res.status !== 200){
return [{title: "dashboard", embedded_id: GetSupersetDashboardID()}]
}
let r = await res.json()
return r
},
SupersetDashboardURL: () => {
const SUPERSET_BASE_URL = process.env.REACT_APP_SUPERSET_URL;
return SUPERSET_BASE_URL
},
SupersetDashboardID: () => {
return GetSupersetDashboardID()
}
}
const GetSupersetDashboardID = () => {
const SUPERSET_BASE_ID = process.env.REACT_APP_SUPERSET_KEYS_LIST;
return SUPERSET_BASE_ID
}
}
export default supersetAPI;

15
src/services/superset.test.js Normal file
View File

@@ -0,0 +1,15 @@
import superset from "./superset"
describe("Superset tests", () => {
it("Outdated API doesn't cause problems", async () => {
process.env.REACT_APP_SUPERSET_KEYS_LIST = "11111100-0000-1111-1111-000000000000"
global.fetch = jest.fn(() => {
return { status: 404 }
}
);
const res = await superset.getEmbeddedDashboards()
expect(res).toHaveLength(1)
expect(res[0].embedded_id).toBe("11111100-0000-1111-1111-000000000000")
})
})