Condtional update handling

2 files changed, 43 insertions, 0 deletions

diff --git a/client/src/components/BackButton/BackButton.jsx b/client/src/components/BackButton/BackButton.jsx
new file mode 100644
index 0000000..c02681b
--- /dev/null
+++ b/client/src/components/BackButton/BackButton.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import styles from './BackButton.module.css'
+
+const BackButton = ({ onClick, onChange }) => {
+  return (
+    <>
+      <button
+        onClick={onClick}
+        className={styles.submit}
+        type="submit"
+        onChange={onChange}
+      >
+        <img
+          className={styles.submit__image}
+          src={`${process.env.PUBLIC_URL}/assets/images/next_icon.svg`}
+          alt=""
+        />
+      </button>
+    </>
+  )
+}
+
+export default BackButton
diff --git a/client/src/components/BackButton/BackButton.module.css b/client/src/components/BackButton/BackButton.module.css
new file mode 100644
index 0000000..cc9b51c
--- /dev/null
+++ b/client/src/components/BackButton/BackButton.module.css
@@ -0,0 +1,20 @@
+.submit {
+  position: absolute;
+  top: 100px;
+  left: 150px;
+  background: transparent;
+  border: none;
+  border-radius: 50%;
+  transition: 0.2s all;
+  cursor: pointer;
+}
+
+.submit:active {
+  transform: scale(0.98);
+  box-shadow: 3px 2px 22px 1px var(--color-shadow);
+}
+
+.submit__image {
+  height: 75px;
+  width: 75px;
+}