Files
ota-admin-portal/src/components/SupersetDashboardList/SupersetDashboardList.jsx
Alexander Andrews 61982c4ba5 CEC-3071: Fixed Duplicate datascope menu (#232)
* CEC-3071: Fixed Duplicate datascope menu

* Mde item type dynamic

Co-authored-by: Alexander Andrews <aandrews@fiskerinc.com>
2022-11-07 09:38:32 -08:00

45 lines
1.1 KiB
JavaScript

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