@premieroctet/next-admin
Version:
Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje
112 lines (111 loc) • 5.39 kB
JavaScript
;
var __webpack_require__ = {};
(()=>{
__webpack_require__.n = (module)=>{
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
__webpack_require__.d(getter, {
a: getter
});
return getter;
};
})();
(()=>{
__webpack_require__.d = (exports1, definition)=>{
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
enumerable: true,
get: definition[key]
});
};
})();
(()=>{
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
__webpack_require__.r = (exports1)=>{
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
value: 'Module'
});
Object.defineProperty(exports1, '__esModule', {
value: true
});
};
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
default: ()=>EmptyState
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const outline_namespaceObject = require("@heroicons/react/24/outline");
const Link_js_namespaceObject = require("./common/Link.js");
var Link_js_default = /*#__PURE__*/ __webpack_require__.n(Link_js_namespaceObject);
const ConfigContext_js_namespaceObject = require("../context/ConfigContext.js");
const I18nContext_js_namespaceObject = require("../context/I18nContext.js");
const tools_js_namespaceObject = require("../utils/tools.js");
const ResourceIcon_js_namespaceObject = require("./common/ResourceIcon.js");
var ResourceIcon_js_default = /*#__PURE__*/ __webpack_require__.n(ResourceIcon_js_namespaceObject);
const Button_js_namespaceObject = require("./radix/Button.js");
const EmptyState_EmptyState = ({ resource, icon })=>{
const { t } = (0, I18nContext_js_namespaceObject.useI18n)();
const { basePath, options } = (0, ConfigContext_js_namespaceObject.useConfig)();
const modelOptions = options?.model?.[resource];
const hasCreatePermission = !modelOptions?.permissions || modelOptions?.permissions?.includes("create");
const resourceName = t(`model.${resource}.name`, {}, modelOptions?.title ?? resource.toLowerCase());
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
className: "py-10 text-center",
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResourceIcon_js_default(), {
icon: icon ?? "RectangleGroupIcon",
className: "text-nextadmin-content-default dark:text-dark-nextadmin-content-default mx-auto h-20 w-20 stroke-1"
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
className: "text-nextadmin-content-inverted dark:text-dark-nextadmin-content-default mt-2 text-lg font-semibold",
children: t("list.empty.label", {
resource: resourceName
})
}),
hasCreatePermission && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
className: "text-nextadmin-content-emphasis dark:text-dark-nextadmin-content-emphasis mt-1 text-sm",
children: t("list.empty.caption", {
resource: resourceName
})
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
className: "mt-6",
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Link_js_default(), {
href: `${basePath}/${(0, tools_js_namespaceObject.slugify)(resource)}/new`,
role: "button",
className: (0, Button_js_namespaceObject.buttonVariants)({
variant: "default",
size: "sm"
}),
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
children: [
t("list.header.add.label"),
" ",
resourceName
]
}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(outline_namespaceObject.PlusSmallIcon, {
className: "ml-2 h-5 w-5",
"aria-hidden": "true"
})
]
})
})
]
})
]
});
};
const EmptyState = EmptyState_EmptyState;
exports["default"] = __webpack_exports__["default"];
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
"default"
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
Object.defineProperty(exports, '__esModule', {
value: true
});