From ec423572aaf8ecf80a409fd9a03d73b5d31e444f Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkateshchaturvedi12@gmail.com>
Date: Sat, 13 Aug 2022 21:40:17 +0530
Subject: Implemented update UI

---
 client/src/components/EditButton/EditButton.jsx       | 19 +++++++++++++++++++
 .../src/components/EditButton/EditButton.module.css   | 16 ++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 client/src/components/EditButton/EditButton.jsx
 create mode 100644 client/src/components/EditButton/EditButton.module.css

(limited to 'client/src/components/EditButton')

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
diff --git a/client/src/components/EditButton/EditButton.module.css b/client/src/components/EditButton/EditButton.module.css
new file mode 100644
index 0000000..5c9a288
--- /dev/null
+++ b/client/src/components/EditButton/EditButton.module.css
@@ -0,0 +1,16 @@
+.submit {
+  background: transparent;
+  border: none;
+  transition: 0.2s all;
+  cursor: pointer;
+  margin-left: 10px;
+}
+
+.submit:active {
+  transform: scale(0.98);
+}
+
+.submit__image {
+  height: 30px;
+  width: 30px;
+}
-- 
cgit