brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated the material ui imports for existing files that had not been updated yet

Browse source
This commit is contained in:
csawatzky 2025-03-04 12:35:36 -06:00
parent 14904d8eb3
commit f2cf950a6b
11 changed files with 82 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/component/ComponentOrder.tsx
View file

@ -11,10 +11,12 @@ import {
ListItemIcon,
ListItemText,
ListSubheader,
Typography
} from "@material-ui/core";
import { createStyles, makeStyles, Theme } from "@material-ui/core/styles";
import DragIcon from "@material-ui/icons/DragHandle";
Typography,
Theme
} from "@mui/material";
import { makeStyles } from "@mui/styles";
//import DragIcon from "@material-ui/icons/DragHandle";
import { DragHandle as DragIcon } from "@mui/icons-material";
import ResponsiveDialog from "common/ResponsiveDialog";
import { useDeviceAPI, usePrevious, useSnackbar } from "hooks";
import { cloneDeep } from "lodash";
@ -23,17 +25,19 @@ import { sortComponents } from "pbHelpers/Component";
import { pond, quack } from "protobuf-ts/pond";
import React, { useEffect, useState } from "react";
import { DragDropContext, Draggable, Droppable, DropResult } from "react-beautiful-dnd";
import { useThemeType } from "../hooks/useThemeType";
const useStyles = makeStyles((theme: Theme) =>
createStyles({
const useStyles = makeStyles((theme: Theme) => {
const themeType = useThemeType()
return ({
item: {
backgroundColor: "rgba(0,0,0,0)",
"&:hover": {
backgroundColor:
theme.palette.type === "light" ? "rgba(0,0,0,0.07)" : "rgba(255,255,255,0.07)"
themeType === "light" ? "rgba(0,0,0,0.07)" : "rgba(255,255,255,0.07)"
}
}
})
})}
);
interface ItemProps {

4
src/component/GPS.tsx
View file

@ -1,4 +1,6 @@
import { withStyles, Theme, WithTheme, createStyles, WithStyles } from "@material-ui/core/styles";
//import { withStyles, Theme, WithTheme, createStyles, WithStyles } from "@material-ui/core/styles";
import { Theme } from "@mui/material"
import { withStyles, createStyles, WithTheme, WithStyles } from "@mui/styles";
import React from "react";
import { parseGPS } from "services/google/mapHelpers";
import { geolocate } from "services/google/googleAPI";

6
src/component/SensorLight.tsx
View file

@ -1,4 +1,6 @@
import { Box, createStyles, makeStyles, Theme } from "@material-ui/core";
//import { Box, createStyles, makeStyles, Theme } from "@material-ui/core";
import { Box, Theme } from "@mui/material";
import { makeStyles } from "@mui/styles";
import { Component } from "models";
import { getMeasurementSummary } from "pbHelpers/ComponentType";
import { pond } from "protobuf-ts/pond";
@ -14,7 +16,7 @@ interface Props {
}
const useStyles = makeStyles((theme: Theme) =>
createStyles({
({
"@keyframes ripple": {
from: {
transform: "scale(.8)",