Добавлен Snackbar при оценивании решений

InteIIigeNET · Dec 12, 2024 · 862e9f3 · 862e9f3
1 parent 9d1cb6a
commit 862e9f3
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 20 deletions.
diff --git a/hwproj.front/package-lock.json b/hwproj.front/package-lock.json
diff --git a/hwproj.front/package.json b/hwproj.front/package.json
@@ -33,6 +33,7 @@
     "html-react-parser": "^1.2.8",
     "jwt-decode": "^3.1.2",
     "lowdb": "^1.0.0",
+    "notistack": "^3.0.1",
     "portable-fetch": "^3.0.0",
     "prop-types": "^15.7.2",
     "qrcode.react": "^4.1.0",

diff --git a/hwproj.front/src/components/Solutions/TaskSolutionComponent.tsx b/hwproj.front/src/components/Solutions/TaskSolutionComponent.tsx
@@ -22,6 +22,7 @@ import {LoadingButton} from "@mui/lab";
 import CheckIcon from '@mui/icons-material/Done';
 import WarningIcon from '@mui/icons-material/Warning';
 import CloseIcon from '@mui/icons-material/Close';
+import {useSnackbar} from 'notistack';
 
 interface ISolutionProps {
     solution: GetSolutionModel | undefined,
@@ -58,6 +59,8 @@ const TaskSolutionComponent: FC<ISolutionProps> = (props) => {
     const [rateInProgress, setRateInProgressState] = useState<boolean | undefined>(false)
     const [solutionActuality, setSolutionActuality] = useState<SolutionActualityDto | undefined>(undefined)
 
+    const {enqueueSnackbar} = useSnackbar()
+
     useEffect(() => {
         setState(getDefaultState())
         getAchievementState()
@@ -129,6 +132,7 @@ const TaskSolutionComponent: FC<ISolutionProps> = (props) => {
                 }
             )
         setState(prevState => ({...prevState, clickedForRate: false}))
+        enqueueSnackbar('Решение успешно оценено', {variant: "success", autoHideDuration: 1700});
         props.onRateSolutionClick?.()
     }
 

diff --git a/hwproj.front/src/index.tsx b/hwproj.front/src/index.tsx
@@ -4,29 +4,32 @@ import "./index.css";
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 import "bootstrap/dist/css/bootstrap.min.css";
-import { BrowserRouter } from "react-router-dom";
+import {BrowserRouter} from "react-router-dom";
 import ThemeProvider from "@material-ui/styles/ThemeProvider";
-import { createTheme } from "@material-ui/core/styles";
+import {createTheme} from "@material-ui/core/styles";
+import {SnackbarProvider} from "notistack";
 
 const theme = createTheme({
-  typography: {
-    fontFamily: [
-      'Helvetica',
-      'Arial',
-      'sans-serif',
-      'Roboto',
-      '"Helvetica Neue"',
-    ].join(','),
-  }
+    typography: {
+        fontFamily: [
+            'Helvetica',
+            'Arial',
+            'sans-serif',
+            'Roboto',
+            '"Helvetica Neue"',
+        ].join(','),
+    }
 });
 
 ReactDOM.render(
-  <ThemeProvider theme={theme}>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
-  </ThemeProvider>,
-  document.getElementById("root")
+    <ThemeProvider theme={theme}>
+        <SnackbarProvider maxSnack={3}>
+            <BrowserRouter>
+                <App/>
+            </BrowserRouter>
+        </SnackbarProvider>
+    </ThemeProvider>,
+    document.getElementById("root")
 );
 
 // If you want your app to work offline and load faster, you can change