22 lines
11 KiB
JavaScript
22 lines
11 KiB
JavaScript
|
"use strict";
|
||
|
|
/*
|
||
|
|
* ATTENTION: An "eval-source-map" devtool has been used.
|
||
|
|
* This devtool is neither made for production nor for readable output files.
|
||
|
|
* It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
|
||
|
|
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
|
||
|
|
* or disable the default devtool with "devtool: false".
|
||
|
|
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
|
||
|
|
*/
|
||
|
|
self["webpackHotUpdate_N_E"]("app/page",{
|
||
|
|
|
||
|
|
/***/ "(app-pages-browser)/./components/TabNavigation.tsx":
|
||
|
|
/*!**************************************!*\
|
||
|
|
!*** ./components/TabNavigation.tsx ***!
|
||
|
|
\**************************************/
|
||
|
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
|
||
|
|
eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ TabNavigation)\n/* harmony export */ });\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/jsx-dev-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* __next_internal_client_entry_do_not_use__ default auto */ \nvar _s = $RefreshSig$();\n\nfunction TabNavigation(param) {\n let { tabs, defaultActiveId, onTabChange } = param;\n var _tabs_;\n _s();\n const [activeTab, setActiveTab] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultActiveId || ((_tabs_ = tabs[0]) === null || _tabs_ === void 0 ? void 0 : _tabs_.id));\n const handleTabClick = (tabId)=>{\n setActiveTab(tabId);\n onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tabId);\n };\n return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n className: \"flex items-center gap-8\",\n children: tabs.map((tab)=>{\n const isActive = activeTab === tab.id;\n return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n onClick: ()=>handleTabClick(tab.id),\n className: \"flex flex-col gap-2 items-start\",\n children: [\n /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n className: \"text-sm font-bold leading-[150%] \".concat(isActive ? \"text-text-primary dark:text-white\" : \"text-text-tertiary dark:text-gray-400\"),\n children: tab.label\n }, void 0, false, {\n fileName: \"/home/coder/myprojects/asset-dashboard-next/components/TabNavigation.tsx\",\n lineNumber: 38,\n columnNumber: 13\n }, this),\n /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n className: \"self-stretch border-t-2 -mt-[2px] \".concat(isActive ? \"border-text-primary dark:border-white\" : \"border-transparent\")\n }, void 0, false, {\n fileName: \"/home/coder/myprojects/asset-dashboard-next/components/TabNavigation.tsx\",\n lineNumber: 45,\n columnNumber: 13\n }, this)\n ]\n }, tab.id, true, {\n fileName: \"/home/coder/myprojects/asset-dashboard-next/components/TabNavigation.tsx\",\n lineNumber: 33,\n columnNumber: 11\n }, this);\n })\n }, void 0, false, {\n fileName: \"/home/coder/myprojects/asset-dashboard-next/components/TabNavigation.tsx\",\n lineNumber: 29,\n columnNumber: 5\n }, this);\n}\n_s(TabNavigation, \"vDeznn21PKN4/vBb8hy9aenPm5Y=\");\n_c = TabNavigation;\nvar _c;\n$RefreshReg$(_c, \"TabNavigation\");\n\n\n;\n // Wrapped in an IIFE to avoid polluting the global scope\n ;\n (function () {\n var _a, _b;\n // Legacy CSS implementations will `eval` browser code in a Node.js context\n // to extract CSS. For backwards compatibility, we need to check we're in a\n // browser context before continuing.\n if (typeof self !== 'undefined' &&\n // AMP / No-JS mode does not inject these helpers:\n '$RefreshHelpers$' in self) {\n // @ts-ignore __webpack_module__ is global\n var currentExports = m
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
});
|