https://sup-d.com/_next/static/chunks/pages/living-transit/house-29a45724ab22c19c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2619],{23595:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/living-transit/house",function(){return n(57192)}])},7081:function(e,t,n){"use strict";n.d(t,{Z:function(){return k}});var a=n(85893),m=n(2734),r=n(65582),s=n(12963),p=n(23795),y=n(99226),o=n(15861),i=n(33454),c=n(96420),b=n(67720),l=n(86886),x=n(66242),h=n(9974),u=n(44267),d=n(78046),f=n(15567),g=n(41664),j=n.n(g),Z=n(11163),v=n(9008),C=n.n(v),S=n(67294),w=n(48862),_=n(9542);function k(e){let{assetType:t,btsStations:n,mrtStations:g}=e,v=(0,m.Z)(),k=(0,Z.useRouter)(),[E,N]=(0,S.useState)("bts"),[R,T]=(0,S.useState)(!1),D=(0,S.useCallback)(()=>{T(!0)},[]);(0,S.useEffect)(()=>{let e=()=>T(!1);return k.events.on("routeChangeComplete",e),k.events.on("routeChangeError",e),()=>{k.events.off("routeChangeComplete",e),k.events.off("routeChangeError",e)}},[k.events]);let O=(e,t)=>{null!==t&&N(t)},P="condo"===t?"คอนโด":"บ้าน",U="".concat(P,"ตามแนวรถไฟฟ้า ").concat(E.toUpperCase()),W="ค้นหา".concat(P,"ตามแนวรถไฟฟ้า ").concat(E.toUpperCase()," ในกรุงเทพฯ เลือกสถานีที่คุณสนใจเพื่อดูรายการทั้งหมดในบริเวณใกล้เคียง");return(0,a.jsxs)(w.Z,{displayFooter:!0,sx:{px:{xs:0,sm:2},position:"relative"},children:[(0,a.jsxs)(C(),{children:[(0,a.jsxs)("title",{children:[U," | SupD"]}),(0,a.jsx)("meta",{name:"description",content:W}),(0,a.jsx)("meta",{property:"og:title",content:"".concat(U," | SupD")}),(0,a.jsx)("meta",{property:"og:description",content:W})]}),(0,a.jsxs)(r.Z,{maxWidth:"lg",sx:{backgroundColor:"white",minHeight:"900px",pt:4,pb:6,borderRadius:2,boxShadow:v.shadows[1]},children:[(0,a.jsx)(s.Z,{separator:(0,a.jsx)(d.Z,{fontSize:"small"}),sx:{mb:3},"aria-label":"breadcrumb",children:(0,a.jsxs)(p.Z,{component:j(),href:"/",underline:"hover",sx:{display:"flex",alignItems:"center"},color:"inherit",children:[(0,a.jsx)(f.Z,{sx:{mr:.5},fontSize:"inherit"}),"หน้าหลัก"]})}),(0,a.jsxs)(y.Z,{sx:{textAlign:"center",mb:5},children:[(0,a.jsx)(y.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"center",mb:2},children:(0,a.jsx)(o.Z,{variant:"h3",component:"h1",color:"primary",sx:{fontWeight:700},children:U})}),(0,a.jsxs)(o.Z,{variant:"h6",color:"text.secondary",sx:{mb:2,fontWeight:400},children:["เลือกสถานี ",E.toUpperCase()," เพื่อดู",P,"ในพื้นที่ที่คุณสนใจ"]})]}),(0,a.jsx)(y.Z,{sx:{display:"flex",justifyContent:"center",mb:4},children:(0,a.jsxs)(i.Z,{value:E,exclusive:!0,onChange:O,"aria-label":"transit type",children:[(0,a.jsxs)(c.Z,{value:"bts","aria-label":"bts",children:[(0,a.jsx)(y.Z,{component:"span",sx:{width:48,height:48,mr:1,background:"url(/images/landmarks/bts.png) 50% center / cover"}}),"BTS"]}),(0,a.jsxs)(c.Z,{value:"mrt","aria-label":"mrt",children:[(0,a.jsx)(y.Z,{component:"span",sx:{width:48,height:48,mr:1,background:"url(/images/landmarks/mrt.png) 50% center / cover"}}),"MRT"]})]})}),(0,a.jsx)(b.Z,{sx:{mb:4}}),(0,a.jsx)(l.ZP,{container:!0,spacing:3,children:("bts"===E?n:g).map(e=>(0,a.jsx)(l.ZP,{item:!0,xs:6,sm:4,md:3,children:(0,a.jsx)(j(),{href:"/living-transit/".concat(t,"/all/").concat(E,"/").concat(encodeURIComponent(e.name)),passHref:!0,legacyBehavior:!0,target:"_blank",children:(0,a.jsx)(x.Z,{component:"a",onClick:D,sx:{height:"100%",display:"flex",flexDirection:"column",transition:"all 0.25s ease-in-out",cursor:"pointer",borderRadius:3,textDecoration:"none",border:"1px solid ".concat(v.palette.divider),boxShadow:"none","&:hover":{transform:"translateY(-5px)",boxShadow:"0 4px 20px 0 rgba(0,0,0,0.12)",borderColor:v.palette.primary.main}},children:(0,a.jsx)(h.Z,{sx:{height:"100%",p:0},children:(0,a.jsx)(u.Z,{sx:{p:3,textAlign:"center",height:"100%"},children:(0,a.jsx)(o.Z,{variant:"h6",component:"h2",sx:{fontWeight:600,mb:1,color:"text.primary",transition:"color 0.3s ease",fontSize:{xs:"1rem",sm:"1.1rem"},lineHeight:1.3},children:e.name})})})})})},"".concat(E,"-").concat(e.name)))},E)]}),(0,a.jsx)(_.Z,{open:R})]})}},57192:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return p}});var a=n(85893),m=n(7081),r=n(77880),s=n(22220);function p(){let e=[...r].sort((e,t)=>

1e.name.localeCompare(t.name)),t=[...s].sort((e,t)=>e.name.localeCompare(t.name));return(0,a.jsx)(m.Z,{assetType:"house",btsStations:e,mrtStations:t})}},77880:function(e){"use strict";e.exports=JSON.parse('[{"name":"สยาม","type":"bts"},{"name":"ชิดลม","type":"bts"},{"name":"บางจาก","type":"bts"},{"name":"ปุณณวิถี","type":"bts"},{"name":"อุดมสุข","type":"bts"},{"name":"บางนา","type":"bts"},{"name":"แบริ่ง","type":"bts"},{"name":"สำโรง","type":"bts"},{"name":"ปู่เจ้า","type":"bts"},{"name":"ช้างเอราวัณ","type":"bts"},{"name":"โรงเรียนนายเรือ","type":"bts"},{"name":"ปากน้ำ","type":"bts"},{"name":"เพลินจิต","type":"bts"},{"name":"ศรีนครินทร์","type":"bts"},{"name":"แพรกษา","type":"bts"},{"name":"สายลวด","type":"bts"},{"name":"เคหะฯ","type":"bts"},{"name":"นานา","type":"bts"},{"name":"อโศก","type":"bts"},{"name":"พร้อมพงศ์","type":"bts"},{"name":"ทองหล่อ","type":"bts"},{"name":"เอกมัย","type":"bts"},{"name":"พระโขนง","type":"bts"},{"name":"อ่อนนุช","type":"bts"},{"name":"เจริญนคร","type":"bts"},{"name":"คลองสาน","type":"bts"},{"name":"ราชเทวี","type":"bts"},{"name":"พหลโยธิน 24","type":"bts"},{"name":"รัชโยธิน","type":"bts"},{"name":"เสนานิคม","type":"bts"},{"name":"มหาวิทยาลัยเกษตรศาสตร์","type":"bts"},{"name":"กรมป่าไม้","type":"bts"},{"name":"บางบัว","type":"bts"},{"name":"กรมทหารราบที่ 11","type":"bts"},{"name":"วัดพระศรีมหาธาตุ","type":"bts"},{"name":"พหลโยธิน 59","type":"bts"},{"name":"สายหยุด","type":"bts"},{"name":"พญาไท","type":"bts"},{"name":"สะพานใหม่","type":"bts"},{"name":"โรงพยาบาลภูมิพลอดุลยเดช","type":"bts"},{"name":"พิพิธภัณฑ์กองทัพอากาศ","type":"bts"},{"name":"แยก คปอ.","type":"bts"},{"name":"คูคต","type":"bts"},{"name":"อนุสาวรีย์ชัยสมรภูมิ","type":"bts"},{"name":"สนามเป้า","type":"bts"},{"name":"อารีย์","type":"bts"},{"name":"สะพานควาย","type":"bts"},{"name":"หมอชิต","type":"bts"},{"name":"ห้าแยกลาดพร้าว","type":"bts"},{"name":"ราชดำริ","type":"bts"},{"name":"ตลาดพลู","type":"bts"},{"name":"วุฒากาศ","type":"bts"},{"name":"บางหว้า","type":"bts"},{"name":"ศาลาแดง","type":"bts"},{"name":"ช่องนนทรี","type":"bts"},{"name":"เซนต์หลุยส์","type":"bts"},{"name":"สุรศักดิ์","type":"bts"},{"name":"สะพานตากสิน","type":"bts"},{"name":"กรุงธนบุรี","type":"bts"},{"name":"วงเวียนใหญ่","type":"bts"},{"name":"โพธิ์นิมิตร","type":"bts"},{"name":"สนามกีฬาแห่งชาติ","type":"bts"}]')},22220:function(e){"use strict";e.exports=JSON.parse('[{"name":"ท่าพระ","type":"mrt"},{"name":"ไฟฉาย","type":"mrt"},{"name":"บางขุนนนท์","type":"mrt"},{"name":"บางยี่ขัน","type":"mrt"},{"name":"สิรินธร","type":"mrt"},{"name":"บางพลัด","type":"mrt"},{"name":"บางอ้อ","type":"mrt"},{"name":"บางโพ","type":"mrt"},{"name":"เตาปูน","type":"mrt"},{"name":"บางซื่อ","type":"mrt"},{"name":"กำแพงเพชร","type":"mrt"},{"name":"สวนจตุจักร","type":"mrt"},{"name":"พหลโยธิน ","type":"mrt"},{"name":"ลาดพร้าว","type":"mrt"},{"name":"รัชดาภิเษก","type":"mrt"},{"name":"สุทธิสาร","type":"mrt"},{"name":"ห้วยขวาง","type":"mrt"},{"name":"ศูนย์วัฒธรรมแห่งประเทศไทย","type":"mrt"},{"name":"พระราม 9","type":"mrt"},{"name":"เพชรบุรี","type":"mrt"},{"name":"สุขุมวิท","type":"mrt"},{"name":"ศูนย์การประชุมแห่งชาติสิริกิติ์","type":"mrt"},{"name":"คลองเตย","type":"mrt"},{"name":"ลุมพินี","type":"mrt"},{"name":"สีลม","type":"mrt"},{"name":"สามย่าน","type":"mrt"},{"name":"หัวลำโพง","type":"mrt"},{"name":"วัดมังกร","type":"mrt"},{"name":"สามยอด","type":"mrt"},{"name":"สนามไชย","type":"mrt"},{"name":"อิสรภาพ","type":"mrt"},{"name":"บางไผ่","type":"mrt"},{"name":"บางหว้า","type":"mrt"}

1,{"name":"เพชรเกษม 48","type":"mrt"},{"name":"ภาษีเจริญ","type":"mrt"},{"name":"บางแค","type":"mrt"},{"name":"หลักสอง","type":"mrt"},{"name":"คลองบางไผ่","type":"mrt"},{"name":"ตลาดบางใหญ่","type":"mrt"},{"name":"สามแยกบางใหญ่","type":"mrt"},{"name":"บางพลู","type":"mrt"},{"name":"บางรักใหญ่","type":"mrt"},{"name":"บางรักน้อยท่าอิฐ","type":"mrt"},{"name":"ไทรม้า","type":"mrt"},{"name":"สะพานพระนั่งเกล้า","type":"mrt"},{"name":"แยกนนทบุรี 1","type":"mrt"},{"name":"บางกระสอ","type":"mrt"},{"name":"ศูนย์ราชการนนทบุรี","type":"mrt"},{"name":"กระทรวงสาธารณสุข","type":"mrt"},{"name":"แยกติวานนท์","type":"mrt"},{"name":"วงศ์สว่าง","type":"mrt"},{"name":"บางซ่อน","type":"mrt"},{"name":"เตาปูน","type":"mrt"},{"name":"บางซื่อ","type":"mrt"},{"name":"จตุจักร","type":"mrt"},{"name":"วัดเสมียนนารี","type":"mrt"},{"name":"บางเขน","type":"mrt"},{"name":"ทุ่งสองห้อง","type":"mrt"},{"name":"หลักสี่","type":"mrt"},{"name":"การเคหะ ","type":"mrt"},{"name":"ดอนเมือง","type":"mrt"},{"name":"หลักหก","type":"mrt"},{"name":"รังสิต","type":"mrt"},{"name":"บางซื่อ","type":"mrt"},{"name":"บางซ่อน","type":"mrt"},{"name":"บางบำหรุ","type":"mrt"},{"name":"ตลิ่งชัน","type":"mrt"}]')}},function(e){e.O(0,[2671,9774,2888,179],function(){return e(e.s=23595)}),_N_E=e.O()}]);