1 line
11 KiB
JSON
1 line
11 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/home/magh/Documents/landing_page/src/App.js\",\n _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n _s();\n // State for search input and category selection\n const [query, setQuery] = useState(\"\");\n const [category, setCategory] = useState(\"science\"); // default category\n\n const navigate = useNavigate();\n const handleSubmit = e => {\n e.preventDefault();\n if (!query.trim()) return; // don't submit empty queries\n // Navigate to /results and pass query & category as state\n navigate(\"/results\", {\n state: {\n query,\n category\n }\n });\n // Now ResultsPage will receive `query` and `category` via useLocation\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: `app-page ${category}-theme`,\n children: [/*#__PURE__*/_jsxDEV(\"header\", {\n className: \"app-header\",\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n src: `/assets/mascot-${category}.png`,\n alt: `${category} mascot`,\n className: \"mascot-img\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n children: [category.charAt(0).toUpperCase() + category.slice(1), \" Search\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"main\", {\n children: /*#__PURE__*/_jsxDEV(\"form\", {\n onSubmit: handleSubmit,\n className: \"search-form\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n value: query,\n onChange: e => setQuery(e.target.value),\n placeholder: \"Enter search terms...\",\n required: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"category-options\",\n children: [/*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"science\",\n checked: category === \"science\",\n onChange: () => setCategory(\"science\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 15\n }, this), \"Science\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"philosophy\",\n checked: category === \"philosophy\",\n onChange: () => setCategory(\"philosophy\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 15\n }, this), \"Philosophy\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"tech\",\n checked: category === \"tech\",\n onChange: () => setCategory(\"tech\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 15\n }, this), \"Tech\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n className: \"search-button\",\n children: \"Search\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 5\n }, this);\n}\n_s(App, \"xFS5N5UJ2KbLErwReqx6RCbeZV0=\", false, function () {\n return [useNavigate];\n});\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["React","useState","useNavigate","jsxDEV","_jsxDEV","App","_s","query","setQuery","category","setCategory","navigate","handleSubmit","e","preventDefault","trim","state","className","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","charAt","toUpperCase","slice","onSubmit","type","value","onChange","target","placeholder","required","name","checked","_c","$RefreshReg$"],"sources":["/home/magh/Documents/landing_page/src/App.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\n\nfunction App() {\n // State for search input and category selection\n const [query, setQuery] = useState(\"\");\n const [category, setCategory] = useState(\"science\"); // default category\n\n const navigate = useNavigate();\n\n const handleSubmit = (e) => {\n e.preventDefault();\n if (!query.trim()) return; // don't submit empty queries\n // Navigate to /results and pass query & category as state\n navigate(\"/results\", { state: { query, category } });\n // Now ResultsPage will receive `query` and `category` via useLocation\n };\n\n return (\n <div className={`app-page ${category}-theme`}>\n <header className=\"app-header\">\n <img\n src={`/assets/mascot-${category}.png`}\n alt={`${category} mascot`}\n className=\"mascot-img\"\n />\n <h1>{category.charAt(0).toUpperCase() + category.slice(1)} Search</h1>\n </header>\n\n <main>\n {/* Search Form */}\n <form onSubmit={handleSubmit} className=\"search-form\">\n <input\n type=\"text\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder=\"Enter search terms...\"\n required\n />\n {/* Category Radio Buttons */}\n <div className=\"category-options\">\n <label>\n <input\n type=\"radio\"\n name=\"category\"\n value=\"science\"\n checked={category === \"science\"}\n onChange={() => setCategory(\"science\")}\n />\n Science\n </label>\n <label>\n <input\n type=\"radio\"\n name=\"category\"\n value=\"philosophy\"\n checked={category === \"philosophy\"}\n onChange={() => setCategory(\"philosophy\")}\n />\n Philosophy\n </label>\n <label>\n <input\n type=\"radio\"\n name=\"category\"\n value=\"tech\"\n checked={category === \"tech\"}\n onChange={() => setCategory(\"tech\")}\n />\n Tech\n </label>\n {/* Add more categories as needed */}\n </div>\n\n <button type=\"submit\" className=\"search-button\">Search</button>\n </form>\n </main>\n </div>\n );\n}\n\nexport default App;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |