import React, { useEffect, useState } from 'react' import { Card, Image, Container, Row, Col, Table, Accordion, Button, Form, Modal, Alert } from 'react-bootstrap' import { Link } from 'react-router-dom'; import person from '../person.svg'; import mypagetiger from '../mypagetiger.svg'; import axios from 'axios' import catchErrors from '../utils/catchErrors'; import { isAuthenticated } from '../utils/auth'; const INIT_ACCOUNT = { name: "", avatarUrl: '' } function Account() { const [account, setAccount] = useState(INIT_ACCOUNT) const [error, setError] = useState("") const userId = isAuthenticated() async function getUsername(user) { // console.log("tlg") try { const response = await axios.get(`/api/users/account/${user}`) setAccount(response.data) // console.log('555555555', response.data); } catch (error) { catchErrors(error, setError) // console.log('error2222', error) } } useEffect(() => { getUsername(userId) }, [userId]) const [show, setShow] = useState(false); const handleClose = () => setShow(false) const handleShow = () => setShow(true) const handleChange = (event) => { const { name, value, files } = event.target if (files) { for (const file of files) { // console.log("name=", name, "value=", value, 'file=', file); } setAccount({ ...account, [name]: files }) } else { console.log("name=", name, "value=", value); setAccount({ ...account, [name]: value }) } } const handleBasic = async (event) => { const formData = new FormData() formData.append('avatar', '') try { if (userId) { const response = await axios.put(`/api/users/account/${userId}`, formData) console.log(response.data) window.location.reload() } } catch (error) { catchErrors(error, setError) } setShow(false) } const handleSubmit = async (event) => { event.preventDefault() if (account.avatar) { const formData = new FormData() formData.append('avatar', account.avatar[0]) try { if (userId) { const response = await axios.put(`/api/users/account/${userId}`, formData) console.log(response.data) window.location.reload() } } catch (error) { catchErrors(error, setError) } } else { alert("파일을 선택해주세요.") } } return (

My Page

이미지를 변경하시겠습니까?
{/* 기본이미지로 보내기 */}

{account.name} ({account.id}){" "}님

KU# {/* 홈페이지로 돌아가기 */} 를 방문해주신 {account.name} 님,

진심으로 환영합니다! 즐거운 쇼핑 되세요.

* 문의 : shoppingmall_KU@korea.ac.kr {/* 쇼핑몰 문의 메일보내기 */}
주문현황 배송중 배송완료
케이시앵글부츠(SH) Mark Otto
2 Jacob Thornton
3 Larry the Bird
) } export default Account