diff options
author | Blaster4385 <[email protected]> | 2022-08-13 21:40:17 +0530 |
---|---|---|
committer | Blaster4385 <[email protected]> | 2022-08-13 21:41:37 +0530 |
commit | ec423572aaf8ecf80a409fd9a03d73b5d31e444f (patch) | |
tree | 8c333eac18de5dea8be9c863a0fc8abd3d0bafff /client/src/components/EditButton/EditButton.jsx | |
parent | 3673947d4905948de2e466a813019b1de9629bd2 (diff) |
Implemented update UI
Diffstat (limited to 'client/src/components/EditButton/EditButton.jsx')
-rw-r--r-- | client/src/components/EditButton/EditButton.jsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/client/src/components/EditButton/EditButton.jsx b/client/src/components/EditButton/EditButton.jsx new file mode 100644 index 0000000..125ffad --- /dev/null +++ b/client/src/components/EditButton/EditButton.jsx @@ -0,0 +1,19 @@ +import React from 'react' +import styles from './EditButton.module.css' + +const EditButton = ({ onClick, enabled }) => { + return ( + <> + <button onClick={onClick} className={styles.submit} type="button"> + <img + className={styles.submit__image} + src={`${process.env.PUBLIC_URL}/assets/images/edit.svg`} + alt="" + style={ { filter: `invert(${enabled}) sepia(1) saturate(100) hue-rotate(1490deg)` } } + /> + </button> + </> + ) +} + +export default EditButton |