fix linting issues

packages/api/handlers/update-guild.ts

@@ -5,7 +5,8 @@ import { GuildData } from '../utils/kv';
 import { lowPermissions, missingParameters, notFound, ok } from '../utils/responses';
 
 export const UpdateGuild = withSession(
-  (session: SessionData) => async (request: Request): Promise<Response> => {
+  (session: SessionData) =>
+    async (request: Request): Promise<Response> => {
       const url = new URL(request.url);
       const [, , guildID] = url.pathname.split('/');
       if (!guildID) {

packages/design-system/organisms/editor-shell/EditorShell.tsx

@@ -37,15 +37,25 @@ export const EditorShell = (props: EditorShellProps) => {
     });
   };
 
-  const hasChanges = React.useMemo(() => !deepEqual(guild.data, props.guild.data), [
+  const hasChanges = React.useMemo(
-    guild.data,
+    () => !deepEqual(guild.data, props.guild.data),
-    props.guild.data,
+    [guild.data, props.guild.data]
-  ]);
+  );
 
   return (
     <div>
       <Space />
-      <TabView initialTab={0} masthead={<EditorMasthead guild={guild} />}>
+      <TabView
+        initialTab={0}
+        masthead={
+          <EditorMasthead
+            guild={guild}
+            onReset={reset}
+            onSubmit={() => props.onGuildChange?.(guild)}
+            showSaveReset={hasChanges}
+          />
+        }
+      >
         <Tab title="Guild Details">
           {() => (
             <EditorDetailsTab

packages/design-system/templates/editor/Editor.tsx

@@ -7,13 +7,8 @@ import {
 export const EditorTemplate = (
   props: EditorShellProps & Omit<AppShellProps, 'children'>
 ) => {
-  const {
+  const { guild, onCategoryChange, onMessageChange, onGuildChange, ...appShellProps } =
-    guild,
+    props;
-    onCategoryChange,
-    onMessageChange,
-    onGuildChange,
-    ...appShellProps
-  } = props;
   return (
     <AppShell {...appShellProps} activeGuildId={guild.id}>
       <EditorShell guild={guild} onGuildChange={onGuildChange} />