summaryrefslogtreecommitdiff
path: root/client/src/components/BackButton
diff options
context:
space:
mode:
authorRohan Raj Gupta <[email protected]>2022-08-18 19:27:42 +0530
committerGitHub <[email protected]>2022-08-18 19:27:42 +0530
commit6c924aef55707885cbbf9af8348564526ac146ee (patch)
treef837dcd278a6d6de9adf123b827b2e8b35835221 /client/src/components/BackButton
parent6b85ebee8986b982e05d49c8f1a326deb3e08bae (diff)
parentd391caf122fcdf7ff4a9e227748b9a10242b15d6 (diff)
Merge pull request #7 from rohan09-raj/fix2
Added modal and audio assets, and Completed update flow
Diffstat (limited to 'client/src/components/BackButton')
-rw-r--r--client/src/components/BackButton/BackButton.jsx23
-rw-r--r--client/src/components/BackButton/BackButton.module.css20
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;
+}