diff --git a/.changeset/bright-hairs-pay.md b/.changeset/bright-hairs-pay.md
new file mode 100644
index 000000000..31a25505f
--- /dev/null
+++ b/.changeset/bright-hairs-pay.md
@@ -0,0 +1,5 @@
+---
+'@churros/app': major
+---
+
+Remove /posts/:group/create - the URL was not used anywhere in the UI anymore
diff --git a/.changeset/fifty-cars-judge.md b/.changeset/fifty-cars-judge.md
new file mode 100644
index 000000000..8253b860d
--- /dev/null
+++ b/.changeset/fifty-cars-judge.md
@@ -0,0 +1,5 @@
+---
+'@churros/api': major
+---
+
+change return type and argument type for Mutation.deleteArticle
diff --git a/.changeset/odd-horses-fold.md b/.changeset/odd-horses-fold.md
new file mode 100644
index 000000000..33de39797
--- /dev/null
+++ b/.changeset/odd-horses-fold.md
@@ -0,0 +1,5 @@
+---
+'@churros/app': patch
+---
+
+make delete button on posts work
diff --git a/packages/api/src/modules/posts/resolvers/mutation.delete-article.ts b/packages/api/src/modules/posts/resolvers/mutation.delete-article.ts
index fc6e8f4d7..a0533b965 100644
--- a/packages/api/src/modules/posts/resolvers/mutation.delete-article.ts
+++ b/packages/api/src/modules/posts/resolvers/mutation.delete-article.ts
@@ -1,33 +1,30 @@
-import { builder, log, prisma, publish } from '#lib';
+import { builder, ensureGlobalId, log, prisma, publish } from '#lib';
+import { LocalID } from '#modules/global';
+import { ArticleType, canEditArticle } from '#modules/posts';
 
 builder.mutationField('deleteArticle', (t) =>
-  t.field({
-    type: 'Boolean',
-    args: { id: t.arg.id() },
+  t.prismaField({
+    type: ArticleType,
+    errors: {},
+    description: 'Supprimer un post',
+    args: { id: t.arg({ type: LocalID }) },
     async authScopes(_, { id }, { user }) {
-      if (!user) return false;
-      if (user.canEditGroups) return true;
-
-      const article = await prisma.article.findUniqueOrThrow({ where: { id } });
-
-      // Who can delete this article?
-      return (
-        // Admins
-        user.admin ||
-        // The author
-        user.id === article.authorId ||
-        // Other authors of the group
-        user.groups.some(
-          ({ groupId, canEditArticles }) => canEditArticles && groupId === article.groupId,
-        )
-      );
+      const post = await prisma.article.findUniqueOrThrow({
+        where: { id: ensureGlobalId(id, 'Article') },
+        include: canEditArticle.prismaIncludes,
+      });
+      return canEditArticle(post, { authorId: null, group: null }, user);
     },
-    async resolve(_, { id }, { user }) {
-      await prisma.article.delete({ where: { id } });
+    async resolve(query, _, { id }, { user }) {
+      id = ensureGlobalId(id, 'Article');
 
       await log('article', 'delete', { message: `Article ${id} deleted` }, id, user);
+
+      const result = await prisma.article.delete({ ...query, where: { id } });
+
       publish(id, 'deleted', id);
-      return true;
+
+      return result;
     },
   }),
 );
diff --git a/packages/app/schema.graphql b/packages/app/schema.graphql
index aeacee442..accb0c221 100644
--- a/packages/app/schema.graphql
+++ b/packages/app/schema.graphql
@@ -2371,7 +2371,10 @@ type Mutation @rateLimit(limit: 1200, duration: 600) {
   """
   deduplicateBookings(event: LocalID!): MutationDeduplicateBookingsResult!
   deleteAnnouncement(id: ID!): Boolean!
-  deleteArticle(id: ID!): Boolean!
+  """
+  Supprimer un post
+  """
+  deleteArticle(id: LocalID!): MutationDeleteArticleResult!
   deleteArticlePicture(id: ID!): Boolean!
   deleteComment(id: ID!): Comment!
   """
@@ -3343,6 +3346,12 @@ type MutationDeduplicateBookingsSuccess {
   data: Int!
 }
 
+union MutationDeleteArticleResult = Error | MutationDeleteArticleSuccess | ZodError
+
+type MutationDeleteArticleSuccess {
+  data: Article!
+}
+
 union MutationDeleteContributionResult = Error | MutationDeleteContributionSuccess | ZodError
 
 type MutationDeleteContributionSuccess {
diff --git a/packages/app/src/lib/ROUTES.ts b/packages/app/src/lib/ROUTES.ts
index 34ca3b042..2c5ebfebc 100644
--- a/packages/app/src/lib/ROUTES.ts
+++ b/packages/app/src/lib/ROUTES.ts
@@ -220,9 +220,6 @@ const PAGES = {
   '/logout': `/logout`,
   '/logs': `/logs`,
   '/notifications': `/notifications`,
-  '/posts/create': (params?: { group?: string | number }) => {
-    return `/posts${params?.group ? `/${params?.group}` : ''}/create`;
-  },
   '/posts/[id]': (id: string | number, params?: {}) => {
     return `/posts/${id}`;
   },
@@ -579,7 +576,6 @@ export type KIT_ROUTES = {
     '/logout': never;
     '/logs': never;
     '/notifications': never;
-    '/posts/create': 'group';
     '/posts/[id]': 'id';
     '/posts/[id]/edit': 'id';
     '/posts/[id]/edit/body': 'id';
diff --git a/packages/app/src/lib/components/FormArticle.houdini.svelte b/packages/app/src/lib/components/FormArticle.houdini.svelte
deleted file mode 100644
index bbdba8d65..000000000
--- a/packages/app/src/lib/components/FormArticle.houdini.svelte
+++ /dev/null
@@ -1,514 +0,0 @@
-<script lang="ts">
-  import { goto } from '$app/navigation';
-  import {
-    fragment,
-    graphql,
-    PendingValue,
-    Visibility,
-    type FormArticle,
-    type FormArticleGroups$data,
-    type UpdateArticle$input,
-  } from '$houdini';
-  import { track } from '$lib/analytics';
-  import Alert from '$lib/components/Alert.svelte';
-  import InputLinks from '$lib/components/InputLinks.svelte';
-  import InputTextGhost from '$lib/components/InputTextGhost.svelte';
-  import LoadingText from '$lib/components/LoadingText.svelte';
-  import { HELP_VISIBILITY, HELP_VISIBILITY_DYNAMIC } from '$lib/display';
-  import { allLoaded, loaded, type MaybeLoading } from '$lib/loading';
-  import { groupLogoSrc } from '$lib/logos';
-  import { route } from '$lib/ROUTES';
-  import { isDark } from '$lib/theme';
-  import { toasts } from '$lib/toasts';
-  import { zeus } from '$lib/zeus';
-  import IconClose from '~icons/mdi/close';
-  import IconSend from '~icons/mdi/send-outline';
-  import BadgeVisibility from './BadgeVisibility.svelte';
-  import ButtonPrimary from './ButtonPrimary.svelte';
-  import ButtonSecondary from './ButtonSecondary.svelte';
-  import InputGroups from './InputGroups.houdini.svelte';
-  import InputLongText from './InputLongText.svelte';
-  import InputVisibility from './InputVisibility.houdini.svelte';
-  import LoadingSpinner from './LoadingSpinner.svelte';
-  import Modal from './ModalDialog.svelte';
-
-  export let afterGoTo: (article: { group: { uid: string }; localID: string }) => string = (
-    article,
-  ) => route('/posts/[id]', article.localID);
-
-  export let groups: FormArticleGroups$data[];
-  graphql(`
-    fragment FormArticleGroups on Group {
-      ...InputGroups @mask_disable
-      uid
-      name
-      children {
-        name
-        studentAssociation {
-          school {
-            name
-          }
-        }
-      }
-      studentAssociation {
-        school {
-          name
-        }
-      }
-    }
-  `);
-
-  export let article: FormArticle | null;
-  $: data = fragment(
-    article,
-    graphql(`
-      fragment FormArticle on Article @loading(cascade: true) {
-        uid
-        id
-        title
-        body
-        visibility
-        published
-        group {
-          uid
-          name
-          id
-          pictureFile
-          pictureFileDark
-          studentAssociation {
-            school {
-              name
-            }
-          }
-          children {
-            name
-            studentAssociation {
-              school {
-                name
-              }
-            }
-          }
-        }
-        author {
-          id
-          firstName
-          lastName
-          pictureFile
-          uid
-          groups {
-            group {
-              name
-              uid
-            }
-            title
-          }
-        }
-        event {
-          title
-          localID
-        }
-        links {
-          computedValue: url
-          url
-          rawURL
-          text
-        }
-        publishedAt
-        pictureFile
-      }
-    `),
-  );
-
-  const serverError = '';
-
-  let confirmingDelete = false;
-
-  const updating = false;
-
-  // If $data is not provided, immediately mark the data has loaded
-  // (there's no data to load)
-  let inputLoaded = Boolean($data);
-  let input: Omit<UpdateArticle$input, 'group'> = {
-    body: '',
-    id: '',
-    links: [],
-    publishedAt: new Date(),
-    title: '',
-    visibility: Visibility.Public,
-    event: null,
-  };
-
-  export let selectedGroup: FormArticleGroups$data | null = null;
-
-  $: if (!inputLoaded && allLoaded($data) && $data) {
-    input = structuredClone({
-      ...$data,
-      links: $data.links.map(({ rawURL, text }) => ({ url: rawURL, text })),
-      group: $data.group.uid,
-      event: $data.event ? `e:${$data.event.localID}` : null,
-    });
-    inputLoaded = true;
-  }
-
-  // $: ({ body } = input);
-
-  // $: input = {
-  //   body: loading($data?.body ?? '', ''),
-  //   group: loading($data?.group.uid ?? '', ''),
-  //   id: loading($data?.id ?? '', ''),
-  //   links: $data?.links.filter(allLoaded) ?? [],
-  //   publishedAt: loading($data?.publishedAt, null) ?? new Date(),
-  //   title: loading($data?.title ?? '', ''),
-  //   visibility: loading($data?.visibility ?? Visibility.Public, Visibility.Public),
-  //   eventId: loading($data?.eventId, null),
-  // };
-
-  async function updateArticle() {
-    if (!allLoaded($data)) return;
-    await graphql(`
-      mutation UpdateArticle(
-        $id: ID!
-        $group: UID!
-        $title: String!
-        $body: String!
-        $publishedAt: DateTime!
-        $visibility: Visibility!
-        $links: [LinkInput!]!
-        $event: ID
-      ) {
-        addLinks(id: $id, links: $links, duplicates: Replace) {
-          ... on MutationAddLinksSuccess {
-            data {
-              __typename
-            }
-          }
-          ...MutationErrors
-        }
-        upsertArticle(
-          id: $id
-          group: $group
-          title: $title
-          body: $body
-          publishedAt: $publishedAt
-          visibility: $visibility
-          event: $event
-        ) {
-          ...MutationErrors
-          ... on MutationUpsertArticleSuccess {
-            data {
-              __typename
-              localID
-              group {
-                uid
-              }
-              ...FormArticle
-            }
-          }
-        }
-      }
-    `)
-      .mutate({
-        ...input,
-        group: selectedGroup?.uid || $data?.group.uid || '',
-      })
-      .then((result) => {
-        if (
-          toasts.mutation(
-            result,
-            'upsertArticle',
-            `Ton post a bien été ${input.id ? 'modifié' : 'créé'}`,
-            'Impossible de sauvegarder le post',
-          )
-        ) {
-          // @ts-expect-error TODO fix typing in toasts.mutation
-          goto(afterGoTo(result.data.upsertArticle.data));
-        }
-      });
-  }
-
-  // $: canChangeGroup = !id;
-
-  let modalWarnNotifications: HTMLDialogElement;
-  let openModalWarnNotifications: () => void;
-  let notificationsSendCountForArticle: MaybeLoading<number> = PendingValue;
-  const NotificationSendCountQuery = graphql(`
-    query NotificationsSendCountForPost($visibility: Visibility!, $group: UID!) {
-      notificationsSendCountForArticle(visibility: $visibility, group: $group)
-    }
-  `);
-</script>
-
-<Modal
-  bind:element={modalWarnNotifications}
-  bind:open={openModalWarnNotifications}
-  on:open={async () => {
-    if (!selectedGroup) return;
-    const result = await NotificationSendCountQuery.fetch({
-      variables: {
-        group: selectedGroup.uid,
-        visibility: input.visibility,
-      },
-    });
-    if (result.data) ({ notificationsSendCountForArticle } = result.data);
-  }}
->
-  <div class="modal-content">
-    <h1>Sûr·e de toi?</h1>
-    <p>
-      Tu t'apprêtes à envoyer une notification à <strong
-        >plus de
-        <span class="notified-count">
-          {#if !loaded(notificationsSendCountForArticle)}
-            <LoadingSpinner></LoadingSpinner>
-          {:else}
-            {notificationsSendCountForArticle}
-          {/if}
-        </span>
-        personnes</strong
-      >. Utilise plutôt la visibilité
-      <BadgeVisibility inline visibility={Visibility.GroupRestricted}></BadgeVisibility> si ça te paraît
-      trop.
-    </p>
-    <div class="actions">
-      <ButtonSecondary
-        track="post-visibility-warning-backoff"
-        icon={IconClose}
-        on:click={() => {
-          modalWarnNotifications.close();
-        }}>Annuler</ButtonSecondary
-      >
-      <ButtonSecondary
-        track="post-visibility-warning-confirm"
-        icon={IconSend}
-        on:click={updateArticle}>Envoyer</ButtonSecondary
-      >
-    </div>
-  </div>
-</Modal>
-
-{#if $data?.event}
-  <Alert theme="success">
-    <p>
-      Ce post est lié à l'évènement
-      <LoadingText value={$data.event.title} />
-    </p>
-  </Alert>
-{:else}
-  <Alert theme="primary">
-    <p>
-      Pour créer un post lié à un évènement, se rendre sur la page de l'évènement puis choisir ⋮ >
-      Post lié
-    </p>
-  </Alert>
-{/if}
-
-<form
-  class="form-article"
-  on:submit|preventDefault={async () => {
-    if (
-      !input.id &&
-      (input.visibility === Visibility.Public || input.visibility === Visibility.SchoolRestricted)
-    ) {
-      openModalWarnNotifications();
-      track('post-visibiliy-warning-shown', { visibility: input.visibility });
-    } else {
-      await updateArticle();
-    }
-  }}
->
-  <h1>
-    <InputTextGhost placeholder="Titre" required label="" bind:value={input.title}></InputTextGhost>
-  </h1>
-  <div class="content">
-    <div class="description">
-      <InputLongText rich bind:value={input.body} label=""></InputLongText>
-    </div>
-    <section class="author">
-      {#if !input.id}
-        <InputGroups required label="" options={groups} bind:group={selectedGroup}></InputGroups>
-      {:else if selectedGroup}
-        <a href="/groups/{selectedGroup}" class="group-link">
-          <img
-            src={groupLogoSrc($isDark, selectedGroup)}
-            alt={selectedGroup.name}
-            class="group-logo"
-          />
-        </a>
-        <a href="/groups/{selectedGroup.uid}" class="group">
-          <LoadingText value={selectedGroup.name}>Lorem ipsum</LoadingText>
-        </a>
-      {/if}
-      <InputVisibility bind:value={input.visibility}></InputVisibility>
-    </section>
-    <p class="explain-visibility">
-      {#if selectedGroup}
-        {HELP_VISIBILITY_DYNAMIC([selectedGroup, ...selectedGroup.children])[input.visibility]}
-      {:else}
-        {HELP_VISIBILITY[input.visibility]}
-      {/if}
-    </p>
-  </div>
-
-  <InputLinks label="Liens" bind:value={input.links} />
-  {#if serverError}
-    <Alert theme="danger"
-      >Impossible de sauvegarder les modifications : <br /><strong>{serverError}</strong></Alert
-    >
-  {/if}
-  <section class="submit">
-    {#if !input.id}
-      <ButtonPrimary loading={updating} submits>Publier</ButtonPrimary>
-    {:else if confirmingDelete}
-      <h2>Es-tu sûr·e ?</h2>
-      <ButtonSecondary
-        on:click={() => {
-          confirmingDelete = false;
-        }}>Annuler</ButtonSecondary
-      >
-      <ButtonSecondary
-        on:click={async () => {
-          if (!input.id) return;
-          toasts.success(`Post supprimé`, '', {
-            lifetime: 5000,
-            showLifetime: true,
-            data: {
-              id: input.id,
-              confirm: true,
-              // gotoOnCancel: `${afterGoTo($data)}/edit/`.replaceAll('//', '/'),
-              gotoOnCancel: route('/posts/[id]/edit', input.id),
-            },
-            labels: {
-              action: 'Annuler',
-              close: 'OK',
-            },
-            async action({ data, id }) {
-              data.confirm = false;
-              await toasts.remove(id);
-              await goto(data.gotoOnCancel);
-            },
-            async closed({ data: { id, confirm } }) {
-              if (confirm) {
-                await $zeus.mutate({
-                  deleteArticlePicture: [{ id }, true],
-                  deleteArticle: [{ id }, true],
-                });
-              }
-            },
-          });
-          confirmingDelete = false;
-          await goto('/');
-        }}
-        danger>Oui</ButtonSecondary
-      >
-      <ButtonSecondary
-        on:click={() => {
-          input.visibility = Visibility.Private;
-          confirmingDelete = false;
-        }}>Rendre privé</ButtonSecondary
-      >
-    {:else}
-      <ButtonPrimary loading={updating} submits>Enregistrer</ButtonPrimary>
-      {#if input.id}
-        <ButtonSecondary
-          danger
-          on:click={() => {
-            confirmingDelete = true;
-          }}>Supprimer</ButtonSecondary
-        >
-      {/if}
-    {/if}
-  </section>
-</form>
-
-<style>
-  .modal-content {
-    max-width: 500px;
-  }
-
-  .notified-count {
-    display: inline-block;
-  }
-
-  .modal-content .actions {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-    justify-content: end;
-    width: 100%;
-    margin-top: 1rem;
-  }
-
-  form {
-    display: flex;
-    flex-flow: column wrap;
-    margin-top: 2rem;
-  }
-
-  h1 {
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    width: 100%;
-    margin-bottom: 1rem;
-  }
-
-  h1 :global(.base-input) {
-    flex-grow: 1;
-  }
-
-  h1 :global(input) {
-    font-size: 1.2rem;
-    font-weight: bold;
-  }
-
-  .submit {
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    justify-content: center;
-    margin-top: 2rem;
-  }
-
-  .content {
-    display: flex;
-    flex-direction: column;
-  }
-
-  section.author {
-    display: flex;
-    flex-wrap: wrap;
-    column-gap: 0.5ch;
-    align-content: center;
-    align-items: center;
-    margin-top: 0.75rem;
-  }
-
-  .group-logo {
-    width: 2.25rem;
-    height: 2.25rem;
-    overflow: hidden;
-    object-fit: contain;
-    background: var(--bg);
-    border: 2px solid var(--muted-border);
-    border-radius: 50%;
-  }
-
-  .group-logo:hover,
-  .group-logo:focus-visible {
-    border-color: var(--primary);
-  }
-
-  section.author :global(.input-visibility) {
-    margin-left: auto;
-  }
-
-  :global(.badge-visibility) {
-    margin-left: auto;
-  }
-
-  .explain-visibility {
-    margin-bottom: 0.25rem;
-    font-size: 0.75em;
-    text-align: right;
-  }
-</style>
diff --git a/packages/app/src/lib/navigation.ts b/packages/app/src/lib/navigation.ts
index a271f970e..668850a7f 100644
--- a/packages/app/src/lib/navigation.ts
+++ b/packages/app/src/lib/navigation.ts
@@ -458,10 +458,6 @@ export const topnavConfigs: Partial<{
       commonActions.copyID,
     ],
   }),
-  '/(app)/posts/[[group]]/create': {
-    title: 'Nouveau post',
-    actions: [],
-  },
   '/(app)/events/[id]/scan': ({ params: { id } }) => ({
     title: 'Scanner des billets',
     back: route('/events/[id]', id),
diff --git a/packages/app/src/routes/(app)/posts/[[group]]/create/+page.gql b/packages/app/src/routes/(app)/posts/[[group]]/create/+page.gql
deleted file mode 100644
index a474758d5..000000000
--- a/packages/app/src/routes/(app)/posts/[[group]]/create/+page.gql
+++ /dev/null
@@ -1,7 +0,0 @@
-query PagePostCreateWithGroup {
-  me: assertMe {
-    canCreatePostsOn {
-      ...FormArticleGroups @mask_disable
-    }
-  }
-}
diff --git a/packages/app/src/routes/(app)/posts/[[group]]/create/+page.svelte b/packages/app/src/routes/(app)/posts/[[group]]/create/+page.svelte
deleted file mode 100644
index b30d763b8..000000000
--- a/packages/app/src/routes/(app)/posts/[[group]]/create/+page.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import type { PageData } from './$houdini';
-  import FormArticle from '$lib/components/FormArticle.houdini.svelte';
-  import MaybeError from '$lib/components/MaybeError.svelte';
-  import { page } from '$app/stores';
-
-  export let data: PageData;
-  $: ({ PagePostCreateWithGroup } = data);
-</script>
-
-<div class="content">
-  <h2>Nouveau post</h2>
-  <MaybeError result={$PagePostCreateWithGroup} let:data={{ me }}>
-    <FormArticle
-      groups={me.canCreatePostsOn}
-      article={null}
-      selectedGroup={me.canCreatePostsOn.find((g) => g.uid === $page.params.group) ?? null}
-    />
-  </MaybeError>
-</div>
-
-<style>
-  .content {
-    display: flex;
-    flex-flow: column wrap;
-    gap: 2rem;
-    max-width: 600px;
-    margin: 0 auto;
-  }
-
-  h2 {
-    text-align: center;
-  }
-</style>
diff --git a/packages/app/src/routes/(app)/posts/[id]/+page.svelte b/packages/app/src/routes/(app)/posts/[id]/+page.svelte
index 76999c55d..67c490817 100644
--- a/packages/app/src/routes/(app)/posts/[id]/+page.svelte
+++ b/packages/app/src/routes/(app)/posts/[id]/+page.svelte
@@ -10,12 +10,15 @@
   import { LoadingText, loading } from '$lib/loading';
   import { Lightbox } from 'svelte-lightbox';
   import type { PageData } from './$houdini';
+  import { page } from '$app/stores';
+  import ModalDelete from './ModalDelete.svelte';
 
   export let data: PageData;
   $: ({ PagePostDetail } = data);
-  // HINT: Don't forget to add an entry in packages/app/src/lib/navigation.ts for the top navbar's title and/or action buttons
 </script>
 
+<ModalDelete postId={$page.params.id} />
+
 <MaybeError result={$PagePostDetail} let:data={{ post, me }}>
   <div class="contents">
     <article>
diff --git a/packages/app/src/routes/(app)/posts/[id]/ModalDelete.svelte b/packages/app/src/routes/(app)/posts/[id]/ModalDelete.svelte
new file mode 100644
index 000000000..48d04c943
--- /dev/null
+++ b/packages/app/src/routes/(app)/posts/[id]/ModalDelete.svelte
@@ -0,0 +1,105 @@
+<script lang="ts">
+  import { goto, pushState } from '$app/navigation';
+  import Alert from '$lib/components/Alert.svelte';
+  import ButtonSecondary from '$lib/components/ButtonSecondary.svelte';
+  import ButtonPrimary from '$lib/components/ButtonPrimary.svelte';
+  import ModalOrDrawer from '$lib/components/ModalOrDrawer.svelte';
+  import { mutationErrorMessages, mutationSucceeded } from '$lib/errors';
+  import { type MaybeLoading } from '$lib/loading';
+  import { mutate } from '$lib/mutations';
+  import { route } from '$lib/ROUTES';
+  import { page } from '$app/stores';
+  import { graphql } from '$houdini';
+
+  const DeletePost = graphql(`
+    mutation DeletePost($id: LocalID!) {
+      deleteArticle(id: $id) {
+        ...MutationErrors
+        ... on MutationDeleteArticleSuccess {
+          data {
+            id
+          }
+        }
+      }
+    }
+  `);
+
+  export let postId: MaybeLoading<string>;
+
+  let implicitClose: () => void;
+  let open: () => void;
+  $: if ($page.state.NAVTOP_DELETING) open();
+  else implicitClose?.();
+
+  let deletionResult:
+    | {
+        type: 'danger' | 'warning' | 'success';
+        messages: string[];
+      }
+    | undefined;
+
+  async function deletePost() {
+    const result = await mutate(DeletePost, { id: postId });
+    if (!result) return;
+    if (mutationSucceeded('deleteArticle', result)) {
+      deletionResult = {
+        type: 'success',
+        messages: ['Post supprimé'],
+      };
+      await goto(route('/'));
+    } else {
+      deletionResult = {
+        type: 'danger',
+        messages: mutationErrorMessages('deleteArticle', result),
+      };
+    }
+  }
+</script>
+
+<ModalOrDrawer
+  bind:open
+  bind:implicitClose
+  let:close
+  on:close={() => {
+    deletionResult = undefined;
+    pushState('', { NAVTOP_DELETING: false });
+  }}
+>
+  <div class="contents">
+    <h1>Es-tu sûr·e ?</h1>
+    <p>Il est impossible de revenir en arrière</p>
+    {#if deletionResult}
+      <Alert theme={deletionResult.type}>
+        {#each deletionResult.messages as message}
+          <p>{message}</p>
+        {/each}
+      </Alert>
+    {/if}
+    <section class="actions">
+      {#if deletionResult}
+        <ButtonPrimary on:click={close}>OK</ButtonPrimary>
+      {:else}
+        <ButtonSecondary on:click={close}>Annuler</ButtonSecondary>
+        <ButtonSecondary danger on:click={deletePost}>Supprimer</ButtonSecondary>
+      {/if}
+    </section>
+  </div>
+</ModalOrDrawer>
+
+<style>
+  .contents {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    align-items: center;
+    padding: 2rem;
+  }
+
+  .actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem 0.5rem;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
diff --git a/packages/app/src/routes/(app)/posts/[id]/edit/visibility/+page.svelte b/packages/app/src/routes/(app)/posts/[id]/edit/visibility/+page.svelte
index 8dc3dbf0c..f85d516f8 100644
--- a/packages/app/src/routes/(app)/posts/[id]/edit/visibility/+page.svelte
+++ b/packages/app/src/routes/(app)/posts/[id]/edit/visibility/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { page } from '$app/stores';
-  import { NotificationsSendCountForPostStore, type Visibility$options } from '$houdini';
+  import { type Visibility$options, graphql } from '$houdini';
   import { track } from '$lib/analytics';
   import ButtonPrimary from '$lib/components/ButtonPrimary.svelte';
   import ButtonSecondary from '$lib/components/ButtonSecondary.svelte';
@@ -25,7 +25,11 @@
   $: if ($PagePostEditVisibility.data && loaded($PagePostEditVisibility.data.post.visibility))
     visibility ??= $PagePostEditVisibility.data?.post.visibility;
 
-  const NotificationsSendCount = new NotificationsSendCountForPostStore();
+  const NotificationsSendCount = graphql(`
+    query NotificationsSendCountForPost($visibility: Visibility!, $group: UID!) {
+      notificationsSendCountForArticle(visibility: $visibility, group: $group)
+    }
+  `);
 
   let openModalWarnNotifications: () => void;