@hedhog/admin 0.12.2 → 0.12.4

package/frontend/user/components/update-panel.tsx.ejs

@@ -0,0 +1,64 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import { useUserGet, useUserUpdate } from "@/features/admin/user";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { User } from "@/types/models";
+import { useState, forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+
+export type UserUpdatePanelProps = {
+  data: User;
+  onUpdated?: (data: User) => void;
+};
+
+const UserUpdatePanel = forwardRef(
+  ({ data, onUpdated }: UserUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useUserGet(data.id as number);
+    const { mutate: userUpdate } = useUserUpdate();
+    const formRef = useRef<FormPanelRef>(null);
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item);
+      }
+    }, [item]);
+
+    useImperativeHandle(ref, () => ({}));
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t("details", { ns: "actions" }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    userUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+UserUpdatePanel.displayName = "UserUpdatePanel";
+
+export default UserUpdatePanel;

package/frontend/user/locales/en/admin.user.json

@@ -0,0 +1,11 @@
+{
+  "create": "Create user",
+  "createText": "Fill the user informations.",
+  "createTooltip": "Create new user",
+  "delete": "Delete user",
+  "deleteText": "Are you sure to delete these user?",
+  "deleteTooltip": "Delete the selected user",
+  "edit": "Edit user",
+  "editText": "View and edit user information.",
+  "editTooltip": "Edit the selected user"
+}

package/frontend/user/locales/pt/admin.user.json

@@ -0,0 +1,11 @@
+{
+  "create": "Criar usuário",
+  "createText": "Preencha as informações do usuário.",
+  "createTooltip": "Criar novo usuário",
+  "delete": "Excluir usuário",
+  "deleteText": "Você tem certeza que deseja excluir esses usuários?",
+  "deleteTooltip": "Excluir o usuário selecionado",
+  "edit": "Editar usuário",
+  "editText": "Visualizar e editar informações do usuário.",
+  "editTooltip": "Editar o usuário selecionado"
+}

package/frontend/user/react-query/handlers.ts.ejs

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "user";
+
+export function useUserCreate() {
+  const { userCreate } = requests();
+  return useDefaultMutation(scope, "create", userCreate);
+}
+
+export function useUserDelete() {
+  const { userDelete } = requests();
+  return useDefaultMutation(scope, "delete", userDelete);
+}
+
+export function useUserUpdate() {
+  const { userUpdate } = requests();
+  return useDefaultMutation(scope, "update", userUpdate);
+}
+
+export function useUserGet(id: number) {
+  const { userGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => userGet(id),
+  });
+}

package/frontend/user/react-query/requests.ts.ejs

@@ -0,0 +1,55 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { User } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+
+export function requests() {
+  const { request } = useApp();
+
+  const userList = async (params: PaginationParams) => {
+    return request<PaginationResult<User>>({
+      url: "/user",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const userGet = async (id: number) => {
+    return request<User>({
+      url: `/user/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const userCreate = async (params: { data: User }) => {
+    const { data } = params;
+    return request<User>({
+      url: "/user",
+      method: HttpMethod.POST,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  const userDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/user",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const userUpdate = async (params: { id: number; data: User }) => {
+    const { id, data } = params;
+    return request<User>({
+      url: `/user/${id}`,
+      method: HttpMethod.PATCH,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  return {
+    userCreate,
+    userUpdate,
+    userDelete,
+    userList,
+    userGet,
+  };
+}