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