citylist.tsx 2.07 KB
Newer Older
Kim, MinGyu's avatar
Kim, MinGyu committed
1
import React, { MouseEventHandler } from "react";
백승민's avatar
theme1    
백승민 committed
2

백승민's avatar
백승민 committed
3
4
type CityProps = {
  handleClick: MouseEventHandler;
Kim, MinGyu's avatar
Kim, MinGyu committed
5
};
백승민's avatar
백승민 committed
6

Kim, MinGyu's avatar
Kim, MinGyu committed
7
export default function Citylist({ handleClick }: CityProps) {
백승민's avatar
백승민 committed
8
  return (
백승민's avatar
백승민 committed
9
    <div className="overflow-auto w-full flex flex-row md:flex-col md:mr-24 bg-sky-100">
Kim, MinGyu's avatar
Kim, MinGyu committed
10
      <div className="text-start px-5 py-2 bg-white shrink-0">도시</div>
Kim, MinGyu's avatar
Kim, MinGyu committed
11
      <button
백승민's avatar
백승민 committed
12
        id={"Seoul"}
Kim, MinGyu's avatar
Kim, MinGyu committed
13
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
14
        className="text-start  px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
15
16
17
18
      >
        서울
      </button>
      <button
백승민's avatar
백승민 committed
19
        id={"Busan"}
Kim, MinGyu's avatar
Kim, MinGyu committed
20
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
21
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
22
23
24
25
      >
        부산
      </button>
      <button
백승민's avatar
백승민 committed
26
        id={"Incheon"}
Kim, MinGyu's avatar
Kim, MinGyu committed
27
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
28
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
29
30
31
32
      >
        인천
      </button>
      <button
백승민's avatar
백승민 committed
33
        id={"Daegoo"}
Kim, MinGyu's avatar
Kim, MinGyu committed
34
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
35
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
36
37
38
39
      >
        대구
      </button>
      <button
백승민's avatar
백승민 committed
40
        id={"Gwangjoo"}
Kim, MinGyu's avatar
Kim, MinGyu committed
41
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
42
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
43
44
45
46
      >
        광주
      </button>
      <button
백승민's avatar
백승민 committed
47
        id={"Daejeon"}
Kim, MinGyu's avatar
Kim, MinGyu committed
48
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
49
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
50
51
52
53
      >
        대전
      </button>
      <button
백승민's avatar
백승민 committed
54
        id={"Woolsan"}
Kim, MinGyu's avatar
Kim, MinGyu committed
55
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
56
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
57
58
59
60
      >
        울산
      </button>
      <button
백승민's avatar
백승민 committed
61
        id={"Sejong"}
Kim, MinGyu's avatar
Kim, MinGyu committed
62
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
63
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
64
65
66
67
      >
        세종
      </button>
      <button
백승민's avatar
백승민 committed
68
        id={"Dokdo"}
Kim, MinGyu's avatar
Kim, MinGyu committed
69
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
70
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
71
72
73
74
      >
        독도
      </button>
      <button
백승민's avatar
백승민 committed
75
        id={"Jeju"}
Kim, MinGyu's avatar
Kim, MinGyu committed
76
        onClick={handleClick}
Kim, MinGyu's avatar
Kim, MinGyu committed
77
        className="text-start px-5 py-2 hover:underline shrink-0"
Kim, MinGyu's avatar
Kim, MinGyu committed
78
79
80
      >
        제주
      </button>
백승민's avatar
백승민 committed
81
      {/* citylist */}
Kim, MinGyu's avatar
Kim, MinGyu committed
82
83
    </div>
    // Citylist Page
백승민's avatar
백승민 committed
84
  );
Kim, MinGyu's avatar
Kim, MinGyu committed
85
}