Commit 12ec976a authored by Kyle Einecker's avatar Kyle Einecker Committed by Kyle Einecker
Browse files

#3265755: Fix styling issue from mui upgrade.

parent 20583f5d

modules/rjsf_entity_browser/js/components/GridPreview.js

+5 −3
Original line number Diff line number Diff line 
import {Box, Grid, IconButton} from "@mui/material";

import {Box, Grid, IconButton, useTheme} from "@mui/material";

import {DeleteOutline} from "@mui/icons-material";

import {DragDropContext, Draggable, Droppable} from "react-beautiful-dnd";

import React from "react";

import {makeStyles} from "@mui/styles";



function PreviewItem({item, index, removeItem}) {

  const useStyles = makeStyles((theme) => ({

  const theme = useTheme();



  const useStyles = makeStyles({

    item: {

      position: "relative",

      minHeight: "100px",
@@ -31,7 +33,7 @@ function PreviewItem({item, index, removeItem}) { 
        background: theme.palette.error.dark

      }

    }

  }));

  });

  const classes = useStyles();



  const handleRemoveItem = () => {

modules/rjsf_entity_browser/js/components/ListPreview.js

+5 −3
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ import { 
  List,

  ListItem,

  ListItemSecondaryAction,

  ListItemText

  ListItemText, useTheme

} from "@mui/material";

import {DeleteOutline} from "@mui/icons-material";

import {DragDropContext, Draggable, Droppable} from "react-beautiful-dnd";
@@ -12,7 +12,9 @@ import React from "react"; 
import {makeStyles} from "@mui/styles";



function PreviewItem({item, index, thumbnail = false, removeItem}) {

  const useStyles = makeStyles((theme) => ({

  const theme = useTheme();



  const useStyles = makeStyles({

    item: {

      position: "relative",

    },
@@ -26,7 +28,7 @@ function PreviewItem({item, index, thumbnail = false, removeItem}) { 
        background: theme.palette.error.dark

      }

    }

  }));

  });

  const classes = useStyles();



  const handleRemoveItem = () => {