diff options
author | Sunil Shetye | 2025-01-30 15:45:49 +0530 |
---|---|---|
committer | Sunil Shetye | 2025-01-30 15:45:49 +0530 |
commit | 94774258d2eee3b16cb0b45b34bd2eceb1dfb9ce (patch) | |
tree | 3322238adc1fb5f8927d6f9cf7145a0ef51ed8e3 | |
parent | 8560548abfca39482e01952b784cfc47199415b8 (diff) | |
download | Common-Interface-Project-94774258d2eee3b16cb0b45b34bd2eceb1dfb9ce.tar.gz Common-Interface-Project-94774258d2eee3b16cb0b45b34bd2eceb1dfb9ce.tar.bz2 Common-Interface-Project-94774258d2eee3b16cb0b45b34bd2eceb1dfb9ce.zip |
replace createRef with useRef
-rw-r--r-- | blocks/eda-frontend/src/components/SchematicEditor/SideComp.js | 16 | ||||
-rw-r--r-- | blocks/eda-frontend/src/pages/SchematicEditor.js | 8 |
2 files changed, 12 insertions, 12 deletions
diff --git a/blocks/eda-frontend/src/components/SchematicEditor/SideComp.js b/blocks/eda-frontend/src/components/SchematicEditor/SideComp.js index b578016f..544b203d 100644 --- a/blocks/eda-frontend/src/components/SchematicEditor/SideComp.js +++ b/blocks/eda-frontend/src/components/SchematicEditor/SideComp.js @@ -1,4 +1,4 @@ -import React, { createRef, useEffect, useState } from 'react' +import React, { useEffect, useRef, useState } from 'react' import PropTypes from 'prop-types' import { List, ListItemText, Tooltip, Popover } from '@material-ui/core' import { makeStyles } from '@material-ui/core/styles' @@ -17,7 +17,7 @@ const useStyles = makeStyles((theme) => ({ export default function SideComp ({ component }) { const classes = useStyles() - const imageRef = createRef() + const imageRef = useRef() const [anchorEl, setAnchorEl] = useState(null) @@ -70,16 +70,16 @@ export default function SideComp ({ component }) { { component.categories.length === 1 && - <ListItemText> - <b>{link2}:</b> {component.categories[0].name} - </ListItemText> + <ListItemText> + <b>{link2}:</b> {component.categories[0].name} + </ListItemText> } { component.categories.length > 1 && - <ListItemText> - <b>{link3}:</b> {component.categories.map((c) => <li key={c.id}>{c.name}</li>)} - </ListItemText> + <ListItemText> + <b>{link3}:</b> {component.categories.map((c) => <li key={c.id}>{c.name}</li>)} + </ListItemText> } </List> diff --git a/blocks/eda-frontend/src/pages/SchematicEditor.js b/blocks/eda-frontend/src/pages/SchematicEditor.js index db55f996..8134344d 100644 --- a/blocks/eda-frontend/src/pages/SchematicEditor.js +++ b/blocks/eda-frontend/src/pages/SchematicEditor.js @@ -1,5 +1,5 @@ // Main Layout for Schemaic Editor page. -import React, { createRef, useEffect, useState } from 'react' +import React, { useEffect, useRef, useState } from 'react' import PropTypes from 'prop-types' import { TailSpin } from 'react-loader-spinner' import { CssBaseline } from '@material-ui/core' @@ -29,9 +29,9 @@ const useStyles = makeStyles((theme) => ({ export default function SchematicEditor (props) { const classes = useStyles() - const compRef = createRef() - const gridRef = createRef() - const outlineRef = createRef() + const compRef = useRef() + const gridRef = useRef() + const outlineRef = useRef() const dispatch = useDispatch() const [mobileOpen, setMobileOpen] = useState(false) const isLoading = useSelector(state => state.saveSchematicReducer.isLoading) |