Profile.js 1.24 KB
Newer Older
이재연's avatar
이재연 committed
1
2
import { Link } from "react-router-dom";

Kim, Chaerin's avatar
Kim, Chaerin committed
3
const Profile = () => {
이재연's avatar
이재연 committed
4
  const id = 1;
이재연's avatar
이재연 committed
5
  return (
이재연's avatar
이재연 committed
6
    <div className="container" style={{ background: "#FCF4FF" }}>
이재연's avatar
이재연 committed
7
8
9
10
      <>
        <div className="row">
          <form>
            <label
우지원's avatar
우지원 committed
11
              className="form-label mx-2 my-4"
이재연's avatar
이재연 committed
12
13
14
15
              style={{ fontSize: "18px", fontWeight: "bold" }}
            >
              프로필 정보
            </label>
이재연's avatar
이재연 committed
16
17
18
19
20
21
22
23
24
25
26
27
28
            <Link to={`/profile/${id}/update`}>
              <button
                type="button"
                className="btn btn-outline-white "
                style={{
                  background: "#E8B7FF",
                  fontSize: "13px",
                  fontWeight: "bold",
                }}
              >
                수정
              </button>
            </Link>
이재연's avatar
이재연 committed
29
30
31
          </form>
          <div className="col"></div>
          <div className="col">
32
33
            <div className="d-flex justify-content-center">
              <img
Kim, Chaerin's avatar
Kim, Chaerin committed
34
                src="/cherry.jpg"
이재연's avatar
이재연 committed
35
                className="rounded-circle mt-2"
36
37
38
                style={{ height: "320px", width: "320px" }}
              />
            </div>
이재연's avatar
이재연 committed
39
40
          </div>
          <div className="col"></div>
Kim, Chaerin's avatar
Kim, Chaerin committed
41
        </div>
이재연's avatar
이재연 committed
42
43
44
      </>
    </div>
  );
Kim, Chaerin's avatar
Kim, Chaerin committed
45
46
47
};

export default Profile;