network name

src/components/modules/networkName.tsx

@@ -24,7 +24,7 @@ const updateCache = ({
 }: {
   client: QueryClient;
   input: RouterInputs["network"]["getNetworkById"];
-  data: NetworkEntity | Partial<CentralNetwork>;
+  data: Partial<NetworkEntity> | Partial<CentralNetwork>;
 }) => {
   client.setQueryData(
     [

src/pages/network/[id].tsx

@@ -1,5 +1,5 @@
 import { useRouter } from "next/router";
-import { useEffect, useState, type ReactElement } from "react";
+import { useState, type ReactElement } from "react";
 import { LayoutAuthenticated } from "~/components/layouts/layout";
 import { NettworkRoutes } from "~/components/modules/networkRoutes";
 import { NetworkMembersTable } from "~/components/modules/table/networkMembersTable";
@@ -27,10 +27,6 @@ const NetworkById = () => {
   const t = useTranslations("networkById");
   const [state, setState] = useState({
     viewZombieTable: false,
-    editNetworkName: false,
-    toggleDescriptionInput: false,
-    description: "",
-    networkName: "",
   });
   const { callModal } = useModalStore((state) => state);
   const { query, push: router } = useRouter();
@@ -46,14 +42,6 @@ const NetworkById = () => {
     { enabled: !!query.id, refetchInterval: 10000 }
   );
 
-  useEffect(() => {
-    setState((prev) => ({
-      ...prev,
-      description: networkById?.network?.description,
-      networkName: networkById?.network?.name,
-    }));
-  }, [networkById?.network?.description, networkById?.network?.name]);
-
   const { network, members = [] } = networkById || {};
   if (loadingNetwork) {
     // add loading progress bar to center of page, vertially and horizontally

src/server/api/routers/networkRouter.ts

@@ -427,7 +427,7 @@ export const networkRouter = createTRPCRouter({
         }),
       })
     )
-    .mutation(async ({ input }) => {
+    .mutation(async ({ ctx, input }) => {
       const updateParams = input.central
         ? { config: { ...input.updateParams } }
         : { ...input.updateParams };
@@ -444,7 +444,15 @@ export const networkRouter = createTRPCRouter({
         const { id: nwid, config, ...otherProps } = updated as CentralNetwork;
         return { nwid, ...config, ...otherProps } as Partial<CentralNetwork>;
       } else {
-        return updated as NetworkEntity;
+        // Update network in prisma as description is not part of the local controller network object.
+        await ctx.prisma.network.update({
+          where: { nwid: input.nwid },
+          data: {
+            ...input.updateParams,
+          },
+        });
+
+        return updated;
       }
     }),
   networkDescription: protectedProcedure