Arash/refactor

superset-frontend/src/components/ReportModal/HeaderReportActionsDropdown/index.tsx

@@ -25,8 +25,8 @@ import { AlertObject } from 'src/views/CRUD/alert/types';
 import { Menu, NoAnimationDropdown } from 'src/common/components';
 import { isFeatureEnabled, FeatureFlag } from 'src/featureFlags';
 import DeleteModal from 'src/components/DeleteModal';
-import { ChartState } from 'src/explore/types';
 import ReportModal from 'src/components/ReportModal';
+import { ChartState } from 'src/explore/types';
 import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
 import { fetchUISpecificReport } from 'src/reports/actions/reports';
 
@@ -46,24 +46,28 @@ export default function HeaderReportActionsDropDown({
  chart?: ChartState;
 }) {
  const dispatch = useDispatch();
- const reports: Record<number, AlertObject> = useSelector<any, AlertObject>(
- state => state.reports,
- );
- const report: AlertObject = Object.values(reports).filter(report => {
+ const report: AlertObject = useSelector<any, AlertObject>(state => {
  if (dashboardId) {
- return report.dashboard_id === dashboardId;
+ return state.reports.dashboards?.[dashboardId];
+ }
+ if (chart?.id) {
+ return state.reports.charts?.[chart.id];
  }
- return report.chart_id === chart?.id;
- })[0];
+ return {};
+ });
+ // const report: ReportObject = Object.values(reports).filter(report => {
+ // if (dashboardId) {
+ // return report.dashboards?.[dashboardId];
+ // }
+ // // return report.charts?.[chart?.id]
+ // })[0];
 
  const user: UserWithPermissionsAndRoles = useSelector<
  any,
  UserWithPermissionsAndRoles
  >(state => state.user || state.explore?.user);
- const [
- currentReportDeleting,
- setCurrentReportDeleting,
- ] = useState<AlertObject | null>(null);
+ const [currentReportDeleting, setCurrentReportDeleting] =
+ useState<AlertObject | null>(null);
  const theme = useTheme();
  const [showModal, setShowModal] = useState<boolean>(false);
  const toggleActiveKey = async (data: AlertObject, checked: boolean) => {

superset-frontend/src/dashboard/components/Header/index.jsx

@@ -166,21 +166,6 @@ class Header extends React.PureComponent {
  componentDidMount() {
  const { refreshFrequency } = this.props;
  this.startPeriodicRender(refreshFrequency * 1000);
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
- if (this.canAddReports()) {
- // this is in case there is an anonymous user.
- this.props.fetchUISpecificReport(
- user.userId,
- 'dashboard_id',
- 'dashboards',
- dashboardInfo.id,
- );
- }
->>>>>>> refactor progress (#16339)
-=======
->>>>>>> code dry (#16358)
  }
 
  UNSAFE_componentWillReceiveProps(nextProps) {
@@ -197,24 +182,6 @@ class Header extends React.PureComponent {
  ) {
  this.props.setMaxUndoHistoryExceeded();
  }
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
- if (
- this.canAddReports() &&
- nextProps.dashboardInfo.id !== this.props.dashboardInfo.id
- ) {
- // this is in case there is an anonymous user.
- this.props.fetchUISpecificReport(
- user.userId,
- 'dashboard_id',
- 'dashboards',
- nextProps.dashboardInfo.id,
- );
- }
->>>>>>> refactor progress (#16339)
-=======
->>>>>>> code dry (#16358)
  }
 
  componentWillUnmount() {
@@ -396,36 +363,6 @@ class Header extends React.PureComponent {
  this.setState({ showingPropertiesModal: false });
  }
 
-<<<<<<< HEAD
-<<<<<<< HEAD
- showReportModal() {
- this.setState({ showingReportModal: true });
- }
-
- hideReportModal() {
- this.setState({ showingReportModal: false });
-=======
- canAddReports() {
- if (!isFeatureEnabled(FeatureFlag.ALERT_REPORTS)) {
- return false;
- }
- const { user } = this.props;
- if (!user) {
- // this is in the case that there is an anonymous user.
- return false;
- }
- const roles = Object.keys(user.roles || []);
- const permissions = roles.map(key =>
- user.roles[key].filter(
- perms => perms[0] === 'menu_access' && perms[1] === 'Manage',
- ),
- );
- return permissions[0].length > 0;
->>>>>>> refactor progress (#16339)
- }
-
-=======
->>>>>>> code dry (#16358)
  render() {
  const {
  dashboardTitle,
@@ -590,7 +527,6 @@ class Header extends React.PureComponent {
  toggleActive={this.props.toggleActive}
  deleteActiveReport={this.props.deleteActiveReport}
  dashboardId={dashboardInfo.id}
- showReportModal={this.showReportModal}
  />
  </>
  )}
@@ -602,10 +538,8 @@ class Header extends React.PureComponent {
  onHide={this.hidePropertiesModal}
  colorScheme={this.props.colorScheme}
  onSubmit={updates => {
- const {
- dashboardInfoChanged,
- dashboardTitleChanged
- } = this.props;
+ const { dashboardInfoChanged, dashboardTitleChanged } =
+ this.props;
  dashboardInfoChanged({
  slug: updates.slug,
  metadata: JSON.parse(updates.jsonMetadata),

superset-frontend/src/reports/reducers/reports.js

@@ -43,14 +43,13 @@ export default function reportsReducer(state = {}, action) {
  [SET_REPORT]() {
  // Grabs the first report with a dashboard id that
  // matches the parameter report's dashboard_id
- const reportWithDashboard = action.report.result.find(
+ const reportWithDashboard = action.report.result?.find(
  report => !!report.dashboard_id,
  );
-
  // Grabs the first report with a chart id that
  // matches the parameter report's chart.id
- const reportWithChart = action.report.result.find(
- report => !!report.chart.id,
+ const reportWithChart = action.report.result?.find(
+ report => !!report.chart?.id,
  );
 
  // This organizes report by its type, dashboard or chart
@@ -64,12 +63,17 @@ export default function reportsReducer(state = {}, action) {
  },
  };
  }
+ if (reportWithChart) {
+ return {
+ ...state,
+ charts: {
+ ...state.chart,
+ [reportWithChart.chart.id]: reportWithChart,
+ },
+ };
+ }
  return {
  ...state,
- charts: {
- ...state.chart,
- [reportWithChart.chart.id]: reportWithChart,
- },
  };
  },