feat: add button to allow community owners to restore their deleted c…

…ommunities

src/app/PageWithSidebar.tsx

@@ -22,6 +22,7 @@ import { ButtonLink } from "@/app/(ui)/button/ButtonLink";
 import { SubscribeButton } from "@/app/communities/SubscribeButton";
 import classNames from "classnames";
 import { StyledLink } from "@/app/(ui)/StyledLink";
+import { UndeleteButton } from "@/app/communities/UndeleteButton";
 
 type SidebarProps = {
   readonly children: ReactNode | ReactNode[];
@@ -205,6 +206,12 @@ const CommunityDetailsSection = async (props: {
             currentStatus={props.communityView.subscribed}
             loggedInUser={loggedInUser}
           />
+
+          <UndeleteButton
+            communityId={props.communityView.community.id}
+            communityName={props.communityName}
+            loggedInUser={loggedInUser}
+          />
         </>
       )}
 

src/app/communities/SubscribeButton.tsx

@@ -2,10 +2,8 @@
 import {
   subscribeAction,
   unsubscribeAction,
-} from "@/app/communities/subscribeActions";
+} from "@/app/communities/communityActions";
 import { MyUserInfo, SubscribedType } from "lemmy-js-client";
-import { useFormStatus } from "react-dom";
-import { Spinner } from "@/app/(ui)/Spinner";
 import { SubmitButton } from "@/app/(ui)/button/SubmitButton";
 
 export const SubscribeButton = (props: {

src/app/communities/UndeleteButton.tsx

@@ -0,0 +1,20 @@
+"use client";
+import { undeleteAction } from "@/app/communities/communityActions";
+import { MyUserInfo } from "lemmy-js-client";
+import { SubmitButton } from "@/app/(ui)/button/SubmitButton";
+
+export const UndeleteButton = (props: {
+  readonly loggedInUser: MyUserInfo | undefined;
+  readonly communityId: number;
+  readonly communityName: string;
+}) => {
+  return (
+    <form
+      action={undeleteAction.bind(null, props.communityId, props.communityName)}
+    >
+      <SubmitButton className={"ml-auto w-full max-w-[267px]"} color={"danger"}>
+        {"Restore community"}
+      </SubmitButton>
+    </form>
+  );
+};

src/app/communities/subscribeActions.ts → src/app/communities/communityActions.ts

@@ -31,3 +31,18 @@ export const unsubscribeAction = async (
   await apiClient.followCommunity({ community_id: communityId, follow: false });
   revalidatePath("/communities");
 };
+
+export const undeleteAction = async (
+  communityId: number,
+  communityName: string,
+) => {
+  if (!(await isLoggedIn())) {
+    await loginPageWithRedirectAction(`/c/${communityName}`);
+    return;
+  }
+
+  await apiClient.deleteCommunity({
+    community_id: communityId,
+    deleted: false,
+  });
+};