From 81c10038b88a13ef2672618d3565975d8f746241 Mon Sep 17 00:00:00 2001
From: anwesha <ANWESHA@DESKTOP-ALJFO4P.com>
Date: Tue, 14 May 2024 13:29:41 -0400
Subject: [PATCH] refac:some UI of MY_Account feature

---
 .idea/.gitignore                         |  5 +++++
 .idea/e-commerce_website.iml             | 12 ++++++++++++
 .idea/modules.xml                        |  8 ++++++++
 .idea/vcs.xml                            |  6 ++++++
 src/components/AccountDetails/Account.js | 20 +++++++++++++++++---
 5 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/e-commerce_website.iml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/e-commerce_website.iml b/.idea/e-commerce_website.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/e-commerce_website.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..281a9e2
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/e-commerce_website.iml" filepath="$PROJECT_DIR$/.idea/e-commerce_website.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/src/components/AccountDetails/Account.js b/src/components/AccountDetails/Account.js
index e149008..3230cde 100644
--- a/src/components/AccountDetails/Account.js
+++ b/src/components/AccountDetails/Account.js
@@ -6,6 +6,7 @@ import imageBackground from "../../assets/images/slider-1.png"
 import pfp from "../../assets/images/pfp.jpg"
 import {useEffect, useState} from "react";
 import {getDownloadURL, ref, uploadBytes} from "firebase/storage";
+import { useNavigate} from "react-router-dom"
 import {
     addDoc,
     collection,
@@ -22,6 +23,7 @@ import {
 import {db, storage} from "../../firebase";
 import {nanoid} from "nanoid";
 import {useParams} from "react-router-dom";
+import {FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 
 export function Account(){
@@ -36,6 +38,8 @@ export function Account(){
 
 
 
+
+
     useEffect(()=>{
         (async ()=>{
             const docref = doc(db,"users", `${user_uid? user_uid : nanoid()}`)
@@ -89,13 +93,20 @@ export function Account(){
     }
 
 
-    const updateUser = async () =>{
+    const updateUser = async (e) =>{
+        e.preventDefault()
+
         try {
+            const imageRef = ref(storage, `AccountImage/${localStorage.getItem("uid")}`);
+            await uploadBytes(imageRef, file);
+            const imageUrl = await getDownloadURL(imageRef);
+
+
             await updateDoc(doc(db,"users", user_uid),{
                 Name : name,
                 Email : email,
                 Address : address,
-                photo : file
+                photo : imageUrl
             })
         }catch (err){
             console.log(err)
@@ -105,7 +116,10 @@ export function Account(){
 
     return(
         <>
-            <div className="container-fluid d-flex justify-content-center align-items-center p-5">
+            <div className="container-fluid d-flex flex-column justify-content-center align-items-center p-5">
+                <h3 className="d-flex align-self-start ml-5">
+                    <span className="text-lg-center border border-dark font-weight-bold rounded-circle p-2 m-2 cursor">←</span>
+                    My Account</h3>
                 <Card variant="outlined" className="cardwidth m-5 md:shrink-0 d-flex flex-column justify-content-center align-items-stretch">
                     <CardHeader className="d-flex flex-column justify-content-center align-items-center">
                         <div className="position-relative header-background  ">