Merge pull request #187 from 1010varun/master

narayan954 · Feb 21, 2023 · 06a77ab · 06a77ab
2 parents 407b818 + 183f544
commit 06a77ab
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -76,13 +76,15 @@ function App() {
   };
 
   const [image, setImage] = useState(null);
+  const [address, setAddress] = useState(null);
 
   const { enqueueSnackbar } = useSnackbar();
   const [showScroll, setShowScroll] = useState(false);
 
   const handleChange = (e) => {
     if (e.target.files[0]) {
       setImage(e.target.files[0]);
+      setAddress(e.target.value);
     }
   };
 
@@ -317,6 +319,9 @@ function App() {
                 className="modal__signup__img"
                 style={{ width: "80%" }}
               />
+              <div style={{height: "100px", width: "100px", borderRadius: "100%", border: "2px", borderColor: "black", borderStyle: "solid"}}>
+                {address ? <img src={URL.createObjectURL(image)} alt="profile pic" style={{width: "100px", height: "100px", borderRadius: "100%"}}/> : <div style={{marginTop: "30px"}}>PROFILE PICTURE</div>}
+              </div>
               <Input
                 type="text"
                 placeholder="USERNAME"