-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #35 from opticrd/refactor-to-mui
refactor(ui): use vainilla Material UI where possible Former-commit-id: 97445be563b8b562978bf32c5bcb2a87c68ad8f9 [formerly ee9aa907cade008d62e0aed2da676d557ee92a6d] [formerly f4c2e771e3aede2acf6799e03395166d454476d4 [formerly 57420009031eeb99fbf5052067456609d2f9be27]] [formerly 53c0950807128894b75afd84ef3defe9143262f6 [formerly d29f969609e3166f3a7165f017820db29458b17e] [formerly e057112f8e183d532b2a28f8e70f53143cda3ab9 [formerly c5c8588eb1fe489fdb4230a45e2243b98d8b5c8d]]] [formerly a6195dc1213c727ec80b9de0b8ffd79f61c4f9f2 [formerly b00c8211d6a469059644de1c5b40c1e48d29375a] [formerly 983bfd73465509cc51c57925620f25c9662ddba5 [formerly 7f9c3d664c82ad06d0accb95a611a0390e51262d]] [formerly 46859aaea27e8c59ab1845f7d10f514110112dbb [formerly a50133a6f13be67201dc8d9786264efcb1f96bf1] [formerly 4f006f9bd617d33ed905c250fca64cfbc6de7f7c [formerly ce8b7b9dcaf09902c75dd62c176387fc5b27d75c]]]] [formerly 158820c68ce74f6b95f09e96f13e5eec7147b8ea [formerly 078fe0b1680b660675c006c2818ecd6fe7c63f18] [formerly be8a00be0551c1876124f396fce03b184da9dd8b [formerly b9aec02f5ebb804cc531ce91985bc1e2dcefe0ac]] [formerly 93da4a2e58bd6e1e1b1b589f0992b4a54a0260be [formerly f43d91a0158f7414b22a9547060347ddaf31b828] [formerly 93b1b4108819059c0699b0c24fc59d6d637d2d5a [formerly aa2a44a7955f35bdcb11c575203809d6a20676fb]]] [formerly afcf7f4af2ffa72f51b2b1d4eb724eb4a02d1d5f [formerly 0335c9290681cc056fc5384db50a557529649c65] [formerly 5fcd2376b0ac1a985f73aaa237a651971295b7f8 [formerly 8cfb2a238ee20b8a331c87b44fcb350f3c60c29c]] [formerly 334a3cfb8e0731b198a9860e29dc3ae561cdfe14 [formerly 26cab3616804ef23ab19a07186b1861fb13388c2] [formerly fff81b30adfd78ca7ceff9c177d9d82bdfcfae79 [formerly 6fa995f]]]]] Former-commit-id: b67aceabfd286ecf0f4af92e7089a0f4b4337ffe [formerly 8869c7e5aefa65d9a4e55983b588dc981dffcc99] [formerly 1169a214ce80ca0a44878625657f2d4d32d169a8 [formerly 30d2a2540fcd056cb326ec3bff8137f3333cf74a]] [formerly ff306710be9719e3083e64a7077cdcb7493eb5be [formerly 98c175ea8de2bffecf26a116217b313521a93080] [formerly d9f96ec6df2190cbd9c1d43db2a68470d556e3c5 [formerly 622431049ee7ba16dca8dfb5165df61633c8d226]]] [formerly fad372a57fe3bb42a8f32bd9718d00870d5d47c3 [formerly c73bad251d981a281f9c1d88729a0344ca251f63] [formerly 0354af7b24e07855112d895df31f6a7ec70e3da4 [formerly 711377708e7d0d5c1333674b62993028457875df]] [formerly 74258e589db4d1e974cb889efbdf05c747eb4ac8 [formerly bca77f0a23adacdc008d469a87e150a88fdfd7fc] [formerly 376f8d42bf61cbce89879cca27c9433d54088390 [formerly 47b2c1a8b9e120dc7abbedc121bd26cea9fd0a9e]]]] Former-commit-id: 1dd8b162e8bf8b4eec427e36dcea8244f3c1a42c [formerly 23f9f3c35765f409a0857797d85ab408d7b56ebf] [formerly 3d49f9c16c6a9b3f31f6feeb5b06dab25c6c6746 [formerly fa230348e2f1047777e16dc6b852a5e52063e7b3]] [formerly d6f11826f750f1df170dd39686c355a143e4292c [formerly 137e00e70ed15ed625bd4a3475758304990ba43b] [formerly eb295a2bfb653811732d6e7751df1427d1ad3fee [formerly 3cc580f404ecf2f93bda90f8c3f3e5e1fb38cc17]]] Former-commit-id: 521e52b79c1977a443c9ec0e50a638237fcaf444 [formerly 07c2aee1b0471e94977db614528975331fa73abc] [formerly aca072728934c34aa2a2df32c6028061596af9fe [formerly a97a217c99c0a2c5ac503f23eabed8a3712c8a6c]] Former-commit-id: 322cb81ebf77c77575ffbbcdef1d4639feb04452 [formerly 10a1e79aa5f5e42a7b66772a7627e5473d63dc6d] Former-commit-id: b3e107aa72fc022f126f24a296a2008869ad7c6a
- Loading branch information
Showing
12 changed files
with
434 additions
and
396 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,74 @@ | ||
| import Swal from 'sweetalert2'; | ||
| import Alert from '@mui/material/Alert'; | ||
| import React, { createContext, useContext, useState } from 'react'; | ||
| import Snackbar from '@mui/material/Snackbar'; | ||
| import MuiAlert, { AlertProps } from '@mui/material/Alert'; | ||
|
|
||
| interface IPropsAlertErrorMessage { | ||
| message: string; | ||
| type: 'error' | 'warning' | 'info' | 'success'; | ||
| interface SnackbarContextProps { | ||
| openSnackbar: (message: string, severity: AlertProps['severity']) => void; | ||
| } | ||
|
|
||
| export const AlertErrorMessage = ({ | ||
| message, | ||
| type, | ||
| }: IPropsAlertErrorMessage) => <Alert severity={type}>{message}</Alert>; | ||
|
|
||
| export const AlertError = (text?: string) => { | ||
| return Swal.fire({ | ||
| icon: 'error', | ||
| title: 'Error', | ||
| text: text ? text : 'Ocurrió un error al procesar la solicitud', | ||
| confirmButtonColor: '#003670', | ||
| }); | ||
| }; | ||
| // Create context with default undefined value | ||
| const SnackbarContext = createContext<SnackbarContextProps | undefined>( | ||
| undefined | ||
| ); | ||
|
|
||
| interface SnackbarProviderProps { | ||
| children?: React.ReactNode; | ||
| } | ||
|
|
||
| export const AlertWarning = (text: string) => { | ||
| return Swal.fire({ | ||
| icon: 'warning', | ||
| title: 'Aviso', | ||
| text: text, | ||
| confirmButtonColor: '#003670', | ||
| export const SnackbarProvider = ({ children }: SnackbarProviderProps) => { | ||
| const [snackbarConfig, setSnackbarConfig] = useState({ | ||
| open: false, | ||
| message: '', | ||
| severity: 'success' as AlertProps['severity'], | ||
| }); | ||
|
|
||
| // Open snackbar | ||
| const openSnackbar = (message: string, severity: AlertProps['severity']) => { | ||
| setSnackbarConfig({ open: true, message, severity }); | ||
| }; | ||
|
|
||
| // Close snackbar | ||
| const closeSnackbar = () => { | ||
| setSnackbarConfig((prevState) => ({ ...prevState, open: false })); | ||
| }; | ||
|
|
||
| return ( | ||
| <SnackbarContext.Provider value={{ openSnackbar }}> | ||
| <Snackbar | ||
| open={snackbarConfig.open} | ||
| autoHideDuration={6000} | ||
| onClose={closeSnackbar} | ||
| > | ||
| <MuiAlert | ||
| onClose={closeSnackbar} | ||
| severity={snackbarConfig.severity} | ||
| variant="filled" | ||
| > | ||
| {snackbarConfig.message} | ||
| </MuiAlert> | ||
| </Snackbar> | ||
| {children} | ||
| </SnackbarContext.Provider> | ||
| ); | ||
| }; | ||
|
|
||
| export const AlertSuccess = (text?: string) => { | ||
| return Swal.fire({ | ||
| icon: 'success', | ||
| title: 'Correcto', | ||
| text: text ? text : 'Proceso realizado correctamente', | ||
| confirmButtonColor: '#003670', | ||
| }); | ||
| export const useSnackbar = () => { | ||
| const context = useContext(SnackbarContext); | ||
|
|
||
| if (!context) { | ||
| throw new Error('useSnackbar must be used within a SnackbarProvider'); | ||
| } | ||
|
|
||
| const { openSnackbar } = context; | ||
|
|
||
| return { | ||
| AlertError: (text?: string) => | ||
| openSnackbar( | ||
| text || 'Ocurrió un error al procesar la solicitud', | ||
| 'error' | ||
| ), | ||
| AlertWarning: (text: string) => openSnackbar(text, 'warning'), | ||
| AlertSuccess: (text: string) => | ||
| openSnackbar(text || 'Proceso realizado correctamente', 'success'), | ||
| }; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.