function CopyrightFooterDesign({ companyName = "株式会社AAAAA" }) { return /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 text-white py-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "© 2024 ", companyName, " All rights reserved.")); } function CopyrightFooterDesignStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CopyrightFooterDesign, { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function Component({ genres, onChange }) { return /*#__PURE__*/ React.createElement("select", { name: "genre", className: "w-full p-2 border rounded", onChange: onChange, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "選択してください"), Object.entries(genres).map(([largeGenre, mediumGenres])=>/*#__PURE__*/ React.createElement("optgroup", { key: largeGenre, label: largeGenre, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, mediumGenres.map((genre)=>/*#__PURE__*/ React.createElement("option", { key: `${genre.largeGenreCD}-${genre.mediumGenreCD}`, value: genre.mediumGenreName, __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, genre.mediumGenreName))))); } function ComponentStory() { const groupedGenres = { "ご飯もの": [ { largeGenreCD: "1", mediumGenreCD: "1", mediumGenreName: "牛丼、豚丼、カツ丼、親子丼など" }, { largeGenreCD: "1", mediumGenreCD: "2", mediumGenreName: "海鮮丼（しらす丼、ほたて丼など）" }, { largeGenreCD: "1", mediumGenreCD: "3", mediumGenreName: "カレー（ビーフカレー、キーマカレー、スパイシーカレーなど）" } ], "麺類": [ { largeGenreCD: "2", mediumGenreCD: "1", mediumGenreName: "ラーメン（豚骨、味噌、塩など）" }, { largeGenreCD: "2", mediumGenreCD: "2", mediumGenreName: "うどん・そば" }, { largeGenreCD: "2", mediumGenreCD: "3", mediumGenreName: "焼きそば" }, { largeGenreCD: "2", mediumGenreCD: "4", mediumGenreName: "パスタ" } ], "肉類": [ { largeGenreCD: "3", mediumGenreCD: "1", mediumGenreName: "焼き鳥・鶏料理" }, { largeGenreCD: "3", mediumGenreCD: "2", mediumGenreName: "焼肉・ホルモン" }, { largeGenreCD: "3", mediumGenreCD: "3", mediumGenreName: "ステーキ・ハンバーグ" }, { largeGenreCD: "3", mediumGenreCD: "4", mediumGenreName: "唐揚げ" } ], "ファストフード": [ { largeGenreCD: "4", mediumGenreCD: "1", mediumGenreName: "ハンバーガー・サンドイッチ" }, { largeGenreCD: "4", mediumGenreCD: "2", mediumGenreName: "ホットドッグ・ソーセージ" }, { largeGenreCD: "4", mediumGenreCD: "3", mediumGenreName: "ピザ" }, { largeGenreCD: "4", mediumGenreCD: "4", mediumGenreName: "フライドポテト" } ], "粉もん料理": [ { largeGenreCD: "4", mediumGenreCD: "1", mediumGenreName: "たこ焼き" }, { largeGenreCD: "4", mediumGenreCD: "2", mediumGenreName: "お好み焼き・もんじゃ焼き" }, { largeGenreCD: "4", mediumGenreCD: "3", mediumGenreName: "肉まん・中華まん" }, { largeGenreCD: "4", mediumGenreCD: "4", mediumGenreName: "餃子" } ], "おつまみ系": [ { largeGenreCD: "5", mediumGenreCD: "1", mediumGenreName: "枝豆" }, { largeGenreCD: "5", mediumGenreCD: "2", mediumGenreName: "唐揚げ" }, { largeGenreCD: "5", mediumGenreCD: "3", mediumGenreName: "フライドポテト" }, { largeGenreCD: "5", mediumGenreCD: "4", mediumGenreName: "焼き鳥" } ], "スイーツ": [ { largeGenreCD: "6", mediumGenreCD: "1", mediumGenreName: "ソフトクリーム・アイスクリーム" }, { largeGenreCD: "6", mediumGenreCD: "2", mediumGenreName: "クレープ・ワッフル" }, { largeGenreCD: "6", mediumGenreCD: "3", mediumGenreName: "ケーキ・シュークリーム" }, { largeGenreCD: "6", mediumGenreCD: "4", mediumGenreName: "チュロス" } ] }; const handleGenreChange = (e)=>{ console.log("Selected Genre:", e.target.value); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component, { genres: groupedGenres, onChange: handleGenreChange, __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this })); } function StadiumSelector({ groupedStadiums, selectedStadium, onStadiumChange }) { const handleChange = (e)=>{ onStadiumChange(e.target.value); }; return /*#__PURE__*/ React.createElement("select", { name: "stadium", className: "w-full p-2 border rounded", value: selectedStadium, onChange: handleChange, __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "選択してください"), Object.entries(groupedStadiums).map(([category, stadiumList])=>/*#__PURE__*/ React.createElement("optgroup", { key: category, label: category, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, stadiumList.map((stadium, index)=>/*#__PURE__*/ React.createElement("option", { key: `${category}-${index}`, value: stadium.name, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, stadium.name, " (", stadium.team, ")"))))); } function StadiumSelectorStory() { const [groupedStadiums, setGroupedStadiums] = React.useState({}); const [selectedStadium, setSelectedStadium] = React.useState(""); React.useEffect(()=>{ const fetchStadiums = ()=>{ return { "J1": [ { name: "大和ハウスプレミストドーム", team: "北海道コンサドーレ札幌" }, { name: "県立カシマサッカースタジアム", team: "鹿島アントラーズ" }, { name: "埼玉スタジアム2002", team: "浦和レッズ" }, { name: "三協フロンテア柏スタジアム", team: "柏レイソル" }, { name: "味の素スタジアム", team: "FC東京" }, { name: "味の素スタジアム", team: "東京ヴェルディ" }, { name: "Ｊヴィレッジスタジアム", team: "FC町田ゼルビア" }, { name: "Uvanceとどろきスタジアム by Fujitsu", team: "川崎フロンターレ" }, { name: "日産スタジアム", team: "横浜F・マリノス" }, { name: "レモンガススタジアム平塚", team: "湘南ベルマーレ" }, { name: "デンカビッグスワンスタジアム", team: "アルビレックス新潟" }, { name: "ヤマハスタジアム（磐田）", team: "ジュビロ磐田" }, { name: "豊田スタジアム", team: "名古屋グランパス" }, { name: "サンガスタジアム by KYOCERA", team: "京都サンガF.C." }, { name: "パナソニックスタジアム吹田", team: "ガンバ大阪" }, { name: "ヨドコウ桜スタジアム", team: "セレッソ大阪" }, { name: "ノエビアスタジアム神戸", team: "ヴィッセル神戸" }, { name: "エディオンスタジアム広島", team: "サンフレッチェ広島" }, { name: "ベスト電器スタジアム", team: "アビスパ福岡" }, { name: "駅前不動産スタジアム", team: "サガン鳥栖" } ], "J2": [ { name: "ユアテックスタジアム仙台", team: "ベガルタ仙台" }, { name: "ソユースタジアム", team: "ブラウブリッツ秋田" }, { name: "NDソフトスタジアム山形", team: "モンテディオ山形" }, { name: "いわきグリーンフィールド", team: "いわきFC" }, { name: "ケーズデンキスタジアム水戸", team: "水戸ホーリーホック" }, { name: "カンセキスタジアムとちぎ", team: "栃木SC" }, { name: "正田醤油スタジアム群馬", team: "ザスパクサツ群馬" }, { name: "フクダ電子アリーナ", team: "ジェフユナイテッド千葉" }, { name: "ニッパツ三ツ沢球技場", team: "横浜FC" }, { name: "JITリサイクルインクスタジアム", team: "ヴァンフォーレ甲府" }, { name: "IAIスタジアム日本平", team: "清水エスパルス" }, { name: "藤枝総合運動公園サッカー場", team: "藤枝MYFC" }, { name: "シティライトスタジアム", team: "ファジアーノ岡山" }, { name: "みらスタ", team: "レノファ山口FC" }, { name: "鳴門・大塚スポーツパークポカリスエットスタジアム", team: "徳島ヴォルティス" }, { name: "ニンジニアスタジアム", team: "愛媛FC" }, { name: "トランスコスモススタジアム長崎", team: "V・ファーレン長崎" }, { name: "えがお健康スタジアム", team: "ロアッソ熊本" }, { name: "昭和電工ドーム大分", team: "大分トリニータ" }, { name: "白波スタジアム", team: "鹿児島ユナイテッドFC" } ], "J3": [ { name: "プライフーズスタジアム", team: "ヴァンラーレ八戸" }, { name: "いわぎんスタジアム", team: "いわてグルージャ盛岡" }, { name: "とうほう・みんなのスタジアム", team: "福島ユナイテッドFC" }, { name: "NACK5スタジアム大宮", team: "大宮アルディージャ" }, { name: "ニッパツ三ツ沢球技場", team: "Y.S.C.C.横浜" }, { name: "相模原ギオンスタジアム", team: "SC相模原" }, { name: "サンプロアルウィン", team: "松本山雅FC" }, { name: "長野Uスタジアム", team: "AC長野パルセイロ" }, { name: "富山県総合運動公園陸上競技場", team: "カターレ富山" }, { name: "金沢ゴーゴーカレースタジアム", team: "ツエーゲン金沢" }, { name: "愛鷹広域公園多目的競技場", team: "アスルクラロ沼津" }, { name: "岐阜メモリアルセンター長良川競技場", team: "FC岐阜" }, { name: "東大阪市花園ラグビー場", team: "FC大阪" }, { name: "ロートフィールド奈良", team: "奈良クラブ" }, { name: "Axisバードスタジアム", team: "ガイナーレ鳥取" }, { name: "Pikaraスタジアム", team: "カマタマーレ讃岐" }, { name: "アシックス里山スタジアム", team: "FC今治" }, { name: "ミクニワールドスタジアム北九州", team: "ギラヴァンツ北九州" }, { name: "いちご宮崎新富サッカー場", team: "テゲバジャーロ宮崎" }, { name: "タピック県総ひやごんスタジアム", team: "FC琉球" } ] }; }; const data = fetchStadiums(); setGroupedStadiums(data); }, []); const handleStadiumChange = (stadium)=>{ setSelectedStadium(stadium); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StadiumSelector, { groupedStadiums: groupedStadiums, selectedStadium: selectedStadium, onStadiumChange: handleStadiumChange, __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this })); } function Component2({ label, icon, onClick }) { return /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onClick, className: "w-full bg-gradient-to-r from-black via-red-600 to-red-400 text-white px-6 py-2 rounded hover:opacity-90 transition duration-300 inline-block", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${icon} mr-2`, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), label); } function Component2Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component2, { label: "検索", icon: "search", onClick: ()=>console.log('Button clicked!'), __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function JWebsite({ isMenuOpen, toggleMenu }) { return /*#__PURE__*/ React.createElement("header", { className: "bg-white text-black py-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Jリーグスタジアムグルメレビュー"), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-black", onClick: toggleMenu, "aria-label": "Toggle menu", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: `absolute md:relative top-full left-0 right-0 md:top-auto bg-white md:bg-transparent ${isMenuOpen ? 'flex' : 'hidden'} flex-col md:flex-row justify-center md:flex`, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mx-2 my-1 hover:underline", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-1", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), "ホーム"), /*#__PURE__*/ React.createElement("button", { className: "mx-2 my-1 hover:underline", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-1", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), "レビュー一覧"), /*#__PURE__*/ React.createElement("button", { className: "mx-2 my-1 hover:underline", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-1", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }), "新規投稿"), /*#__PURE__*/ React.createElement("button", { className: "mx-2 my-1 bg-black text-white px-4 py-2 rounded hover:bg-gray-800 transition duration-300", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-1", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), "ログイン")))); } function JWebsiteStory() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const toggleMenu = ()=>setIsMenuOpen(!isMenuOpen); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JWebsite, { isMenuOpen: isMenuOpen, toggleMenu: toggleMenu, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); } function MainComponent() { const [searchParams, setSearchParams] = React.useState({ stadium: '', genre: '', matchDate: '' }); const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [stadiums, setStadiums] = React.useState([]); const [genres, setGenres] = React.useState([]); React.useEffect(()=>{ const fetchStadiums = async ()=>{ const mockStadiums = [ { name: '大和ハウスプレミストドーム', team: '北海道コンサドーレ札幌', category: 'J1' }, { name: '県立カシマサッカースタジアム', team: '鹿島アントラーズ', category: 'J1' }, { name: '埼玉スタジアム2002', team: '浦和レッズ', category: 'J1' }, { name: '三協フロンテア柏スタジアム', team: '柏レイソル', category: 'J1' }, { name: '味の素スタジアム', team: 'FC東京', category: 'J1' }, { name: '味の素スタジアム', team: '東京ヴェルディ', category: 'J1' }, { name: 'Ｊヴィレッジスタジアム', team: 'FC町田ゼルビア', category: 'J1' }, { name: 'Uvanceとどろきスタジアム by Fujitsu', team: '川崎フロンターレ', category: 'J1' }, { name: '日産スタジアム', team: '横浜F・マリノス', category: 'J1' }, { name: 'レモンガススタジアム平塚', team: '湘南ベルマーレ', category: 'J1' }, { name: 'デンカビッグスワンスタジアム', team: 'アルビレックス新潟', category: 'J1' }, { name: 'ヤマハスタジアム（磐田）', team: 'ジュビロ磐田', category: 'J1' }, { name: '豊田スタジアム', team: '名古屋グランパス', category: 'J1' }, { name: 'サンガスタジアム by KYOCERA', team: '京都サンガF.C.', category: 'J1' }, { name: 'パナソニックスタジアム吹田', team: 'ガンバ大阪', category: 'J1' }, { name: 'ヨドコウ桜スタジアム', team: 'セレッソ大阪', category: 'J1' }, { name: 'ノエビアスタジアム神戸', team: 'ヴィッセル神戸', category: 'J1' }, { name: 'エディオンスタジアム広島', team: 'サンフレッチェ広島', category: 'J1' }, { name: 'ベスト電器スタジアム', team: 'アビスパ福岡', category: 'J1' }, { name: '駅前不動産スタジアム', team: 'サガン鳥栖', category: 'J1' }, { name: 'ユアテックスタジアム仙台', team: 'ベガルタ仙台', category: 'J2' }, { name: 'ソユースタジアム', team: 'ブラウブリッツ秋田', category: 'J2' }, { name: 'NDソフトスタジアム山形', team: 'モンテディオ山形', category: 'J2' }, { name: 'いわきグリーンフィールド', team: 'いわきFC', category: 'J2' }, { name: 'ケーズデンキスタジアム水戸', team: '水戸ホーリーホック', category: 'J2' }, { name: 'カンセキスタジアムとちぎ', team: '栃木SC', category: 'J2' }, { name: '正田醤油スタジアム群馬', team: 'ザスパクサツ群馬', category: 'J2' }, { name: 'フクダ電子アリーナ', team: 'ジェフユナイテッド千葉', category: 'J2' }, { name: 'ニッパツ三ツ沢球技場', team: '横浜FC', category: 'J2' }, { name: 'JITリサイクルインクスタジアム', team: 'ヴァンフォーレ甲府', category: 'J2' }, { name: 'IAIスタジアム日本平', team: '清水エスパルス', category: 'J2' }, { name: '藤枝総合運動公園サッカー場', team: '藤枝MYFC', category: 'J2' }, { name: 'シティライトスタジアム', team: 'ファジアーノ岡山', category: 'J2' }, { name: 'みらスタ', team: 'レノファ山口FC', category: 'J2' }, { name: '鳴門・大塚スポーツパークポカリスエットスタジアム', team: '徳島ヴォルティス', category: 'J2' }, { name: 'ニンジニアスタジアム', team: '愛媛FC', category: 'J2' }, { name: 'トランスコスモススタジアム長崎', team: 'V・ファーレン長崎', category: 'J2' }, { name: 'えがお健康スタジアム', team: 'ロアッソ熊本', category: 'J2' }, { name: '昭和電工ドーム大分', team: '大分トリニータ', category: 'J2' }, { name: '白波スタジアム', team: '鹿児島ユナイテッドFC', category: 'J2' }, { name: 'プライフーズスタジアム', team: 'ヴァンラーレ八戸', category: 'J3' }, { name: 'いわぎんスタジアム', team: 'いわてグルージャ盛岡', category: 'J3' }, { name: 'とうほう・みんなのスタジアム', team: '福島ユナイテッドFC', category: 'J3' }, { name: 'NACK5スタジアム大宮', team: '大宮アルディージャ', category: 'J3' }, { name: 'ニッパツ三ツ沢球技場', team: 'Y.S.C.C.横浜', category: 'J3' }, { name: '相模原ギオンスタジアム', team: 'SC相模原', category: 'J3' }, { name: 'サンプロアルウィン', team: '松本山雅FC', category: 'J3' }, { name: '長野Uスタジアム', team: 'AC長野パルセイロ', category: 'J3' }, { name: '富山県総合運動公園陸上競技場', team: 'カターレ富山', category: 'J3' }, { name: '金沢ゴーゴーカレースタジアム', team: 'ツエーゲン金沢', category: 'J3' }, { name: '愛鷹広域公園多目的競技場', team: 'アスルクラロ沼津', category: 'J3' }, { name: '岐阜メモリアルセンター長良川競技場', team: 'FC岐阜', category: 'J3' }, { name: '東大阪市花園ラグビー場', team: 'FC大阪', category: 'J3' }, { name: 'ロートフィールド奈良', team: '奈良クラブ', category: 'J3' }, { name: 'Axisバードスタジアム', team: 'ガイナーレ鳥取', category: 'J3' }, { name: 'Pikaraスタジアム', team: 'カマタマーレ讃岐', category: 'J3' }, { name: 'アシックス里山スタジアム', team: 'FC今治', category: 'J3' }, { name: 'ミクニワールドスタジアム北九州', team: 'ギラヴァンツ北九州', category: 'J3' }, { name: 'いちご宮崎新富サッカー場', team: 'テゲバジャーロ宮崎', category: 'J3' }, { name: 'タピック県総ひやごんスタジアム', team: 'FC琉球', category: 'J3' } ]; setStadiums(mockStadiums); }; const fetchGenres = async ()=>{ const mockGenres = [ { largeGenreName: 'ご飯もの', largeGenreCD: 1, mediumGenreName: '牛丼、豚丼、カツ丼、親子丼など', mediumGenreCD: 1 }, { largeGenreName: 'ご飯もの', largeGenreCD: 1, mediumGenreName: '海鮮丼（しらす丼、ほたて丼など）', mediumGenreCD: 2 }, { largeGenreName: 'ご飯もの', largeGenreCD: 1, mediumGenreName: 'カレー（ビーフカレー、キーマカレー、スパイシーカレーなど）', mediumGenreCD: 3 }, { largeGenreName: '麺類', largeGenreCD: 2, mediumGenreName: 'ラーメン（豚骨、味噌、塩など）', mediumGenreCD: 1 }, { largeGenreName: '麺類', largeGenreCD: 2, mediumGenreName: 'うどん・そば', mediumGenreCD: 2 }, { largeGenreName: '麺類', largeGenreCD: 2, mediumGenreName: '焼きそば', mediumGenreCD: 3 }, { largeGenreName: '麺類', largeGenreCD: 2, mediumGenreName: 'パスタ', mediumGenreCD: 4 }, { largeGenreName: '肉類', largeGenreCD: 3, mediumGenreName: '焼き鳥・鶏料理', mediumGenreCD: 1 }, { largeGenreName: '肉類', largeGenreCD: 3, mediumGenreName: '焼肉・ホルモン', mediumGenreCD: 2 }, { largeGenreName: '肉類', largeGenreCD: 3, mediumGenreName: 'ステーキ・ハンバーグ', mediumGenreCD: 3 }, { largeGenreName: '肉類', largeGenreCD: 3, mediumGenreName: '唐揚げ', mediumGenreCD: 4 }, { largeGenreName: 'ファストフード', largeGenreCD: 4, mediumGenreName: 'ハンバーガー・サンドイッチ', mediumGenreCD: 1 }, { largeGenreName: 'ファストフード', largeGenreCD: 4, mediumGenreName: 'ホットドッグ・ソーセージ', mediumGenreCD: 2 }, { largeGenreName: 'ファストフード', largeGenreCD: 4, mediumGenreName: 'ピザ', mediumGenreCD: 3 }, { largeGenreName: 'ファストフード', largeGenreCD: 4, mediumGenreName: 'フライドポテト', mediumGenreCD: 4 }, { largeGenreName: '粉もん料理', largeGenreCD: 4, mediumGenreName: 'たこ焼き', mediumGenreCD: 1 }, { largeGenreName: '粉もん料理', largeGenreCD: 4, mediumGenreName: 'お好み焼き・もんじゃ焼き', mediumGenreCD: 2 }, { largeGenreName: '粉もん料理', largeGenreCD: 4, mediumGenreName: '肉まん・中華まん', mediumGenreCD: 3 }, { largeGenreName: '粉もん料理', largeGenreCD: 4, mediumGenreName: '餃子', mediumGenreCD: 4 }, { largeGenreName: 'おつまみ系', largeGenreCD: 5, mediumGenreName: '枝豆', mediumGenreCD: 1 }, { largeGenreName: 'おつまみ系', largeGenreCD: 5, mediumGenreName: '唐揚げ', mediumGenreCD: 2 }, { largeGenreName: 'おつまみ系', largeGenreCD: 5, mediumGenreName: 'フライドポテト', mediumGenreCD: 3 }, { largeGenreName: 'おつまみ系', largeGenreCD: 5, mediumGenreName: '焼き鳥', mediumGenreCD: 4 }, { largeGenreName: 'スイーツ', largeGenreCD: 6, mediumGenreName: 'ソフトクリーム・アイスクリーム', mediumGenreCD: 1 }, { largeGenreName: 'スイーツ', largeGenreCD: 6, mediumGenreName: 'クレープ・ワッフル', mediumGenreCD: 2 }, { largeGenreName: 'スイーツ', largeGenreCD: 6, mediumGenreName: 'ケーキ・シュークリーム', mediumGenreCD: 3 }, { largeGenreName: 'スイーツ', largeGenreCD: 6, mediumGenreName: 'チュロス', mediumGenreCD: 4 } ]; setGenres(mockGenres); }; fetchStadiums(); fetchGenres(); }, []); const handleSearch = (e)=>{ e.preventDefault(); window.location.href = '/search-results'; }; const groupedStadiums = React.useMemo(()=>{ return stadiums.reduce((acc, stadium)=>{ if (!acc[stadium.category]) { acc[stadium.category] = []; } acc[stadium.category].push(stadium); return acc; }, {}); }, [ stadiums ]); const groupedGenres = React.useMemo(()=>{ return genres.reduce((acc, genre)=>{ if (!acc[genre.largeGenreName]) { acc[genre.largeGenreName] = []; } acc[genre.largeGenreName].push(genre); return acc; }, {}); }, [ genres ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col font-sans bg-white", __source: { fileName: "", lineNumber: 141, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JWebsite, { isMenuOpen: isMenuOpen, toggleMenu: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 142, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-4", __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6 text-center Logo", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, "スタジアムグルメレビュー検索"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "mb-8 bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, "スタジアム（チーム名）"), /*#__PURE__*/ React.createElement(StadiumSelector, { groupedStadiums: groupedStadiums, selectedStadium: searchParams.stadium, onStadiumChange: (stadium)=>setSearchParams({ ...searchParams, stadium }), __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "グルメジャンル"), /*#__PURE__*/ React.createElement(Component, { genres: groupedGenres, onChange: (e)=>setSearchParams({ ...searchParams, genre: e.target.value }), __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "試合開催日"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "matchDate", className: "w-full p-2 border rounded", onChange: (e)=>setSearchParams({ ...searchParams, matchDate: e.target.value }), __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-end", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(Component2, { label: "検索", icon: "search", onClick: handleSearch, __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement(CopyrightFooterDesign, { companyName: "Jリーグスタジ", __source: { fileName: "", lineNumber: 182, columnNumber: 7 }, __self: this })); }