Add note about remaining edit update counts (#895)

Author: InfiniteStash

frontend/src/graphql/queries/Config.gql

@@ -1,5 +1,6 @@
 query Config {
   getConfig {
+    edit_update_limit
     host_url
     require_invite
     require_activation

frontend/src/graphql/types.ts

@@ -1728,6 +1728,7 @@ export enum SortDirectionEnum {
 
 export type StashBoxConfig = {
   __typename: "StashBoxConfig";
+  edit_update_limit: Scalars["Int"]["output"];
   guidelines_url: Scalars["String"]["output"];
   host_url: Scalars["String"]["output"];
   min_destructive_voting_period: Scalars["Int"]["output"];
@@ -14531,6 +14532,7 @@ export type ConfigQuery = {
   __typename: "Query";
   getConfig: {
     __typename: "StashBoxConfig";
+    edit_update_limit: number;
     host_url: string;
     require_invite: boolean;
     require_activation: boolean;
@@ -53360,6 +53362,10 @@ export const ConfigDocument = {
             selectionSet: {
               kind: "SelectionSet",
               selections: [
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "edit_update_limit" },
+                },
                 { kind: "Field", name: { kind: "Name", value: "host_url" } },
                 {
                   kind: "Field",

frontend/src/pages/edits/Edit.tsx

@@ -1,6 +1,7 @@
 import { FC, useState } from "react";
 import { Button } from "react-bootstrap";
 import { useParams, Link } from "react-router-dom";
+import { UpdateCount } from "./components/UpdateCount";
 
 import {
   useEdit,
@@ -80,6 +81,10 @@ const EditComponent: FC = () => {
   const buttons = (isAdmin || isSelf(edit.user?.id)) &&
     edit.status === VoteStatusEnum.PENDING && (
       <div className="d-flex justify-content-end">
+        <UpdateCount
+          updatable={edit.updatable}
+          updateCount={edit.update_count}
+        />
         {edit.updatable && (
           <Link to={createHref(ROUTE_EDIT_UPDATE, edit)} className="me-2">
             <Button variant="primary" disabled={mutating}>

frontend/src/pages/edits/components/UpdateCount.tsx

@@ -0,0 +1,22 @@
+import { FC } from "react";
+import { useConfig } from "src/graphql";
+
+interface Props {
+  updatable: boolean;
+  updateCount: number;
+}
+
+export const UpdateCount: FC<Props> = ({ updatable, updateCount }) => {
+  const { data: config } = useConfig();
+
+  const updateLimit = config?.getConfig.edit_update_limit;
+  if (!updatable || !updateLimit) return null;
+
+  const updates = updateLimit - updateCount;
+  return (
+    <small className="text-muted align-content-center me-3">
+      Edit can be updated{" "}
+      {updates === 1 ? "one more time" : `${updates} more times`}
+    </small>
+  );
+};

graphql/schema/types/config.graphql

@@ -9,4 +9,5 @@ type StashBoxConfig {
   vote_cron_interval: String!
   guidelines_url: String!
   require_scene_draft: Boolean!
+  edit_update_limit: Int!
 }

pkg/api/resolver.go

@@ -129,5 +129,6 @@ func (r *queryResolver) GetConfig(ctx context.Context) (*models.StashBoxConfig,
 		VoteCronInterval:           config.GetVoteCronInterval(),
 		GuidelinesURL:              config.GetGuidelinesURL(),
 		RequireSceneDraft:          config.GetRequireSceneDraft(),
+		EditUpdateLimit:            config.GetEditUpdateLimit(),
 	}, nil
 }