🆙 Security Fix - Will not go into details

src/components/mod-tools/views/tickets/ModToolsMyIssuesTabView.tsx

@@ -1,5 +1,5 @@
 import { IssueMessageData, ReleaseIssuesMessageComposer } from '@nitrots/nitro-renderer';
-import { FC } from 'react';
+import { FC, useRef } from 'react';
 import { SendMessageComposer } from '../../../../api';
 import { Button, Column, Grid } from '../../../../common';
 
@@ -12,6 +12,17 @@ interface ModToolsMyIssuesTabViewProps
 export const ModToolsMyIssuesTabView: FC<ModToolsMyIssuesTabViewProps> = props =>
 {
     const { myIssues = null, handleIssue = null } = props;
+    const pendingReleasesRef = useRef<Set<number>>(new Set());
+
+    const releaseIssue = (issueId: number) =>
+    {
+        if(pendingReleasesRef.current.has(issueId)) return;
+
+        pendingReleasesRef.current.add(issueId);
+        SendMessageComposer(new ReleaseIssuesMessageComposer([ issueId ]));
+
+        setTimeout(() => pendingReleasesRef.current.delete(issueId), 2000);
+    };
 
     return (
         <Column gap={ 0 } overflow="hidden">
@@ -36,7 +47,7 @@ export const ModToolsMyIssuesTabView: FC<ModToolsMyIssuesTabViewProps> = props =
                                 <Button variant="primary" onClick={ event => handleIssue(issue.issueId) }>Handle</Button>
                             </div>
                             <div className="col-span-2">
-                                <Button variant="danger" onClick={ event => SendMessageComposer(new ReleaseIssuesMessageComposer([ issue.issueId ])) }>Release</Button>
+                                <Button variant="danger" onClick={ () => releaseIssue(issue.issueId) }>Release</Button>
                             </div>
                         </Grid>
                     );

src/components/mod-tools/views/tickets/ModToolsOpenIssuesTabView.tsx

@@ -1,5 +1,5 @@
 import { IssueMessageData, PickIssuesMessageComposer } from '@nitrots/nitro-renderer';
-import { FC } from 'react';
+import { FC, useRef } from 'react';
 import { SendMessageComposer } from '../../../../api';
 import { Button, Column, Grid } from '../../../../common';
 
@@ -11,6 +11,17 @@ interface ModToolsOpenIssuesTabViewProps
 export const ModToolsOpenIssuesTabView: FC<ModToolsOpenIssuesTabViewProps> = props =>
 {
     const { openIssues = null } = props;
+    const pendingPicksRef = useRef<Set<number>>(new Set());
+
+    const pickIssue = (issueId: number) =>
+    {
+        if(pendingPicksRef.current.has(issueId)) return;
+
+        pendingPicksRef.current.add(issueId);
+        SendMessageComposer(new PickIssuesMessageComposer([ issueId ], false, 0, 'pick issue button'));
+
+        setTimeout(() => pendingPicksRef.current.delete(issueId), 2000);
+    };
 
     return (
         <Column gap={ 0 } overflow="hidden">
@@ -31,7 +42,7 @@ export const ModToolsOpenIssuesTabView: FC<ModToolsOpenIssuesTabViewProps> = pro
                             <div className="col-span-3">{ issue.reportedUserName }</div>
                             <div className="col-span-4">{ new Date(Date.now() - issue.issueAgeInMilliseconds).toLocaleTimeString() }</div>
                             <div className="col-span-3">
-                                <Button variant="success" onClick={ event => SendMessageComposer(new PickIssuesMessageComposer([ issue.issueId ], false, 0, 'pick issue button')) }>Pick Issue</Button>
+                                <Button variant="success" onClick={ () => pickIssue(issue.issueId) }>Pick Issue</Button>
                             </div>
                         </Grid>
                     );

src/components/mod-tools/views/user/ModToolsUserModActionView.tsx

@@ -1,5 +1,5 @@
 import { CallForHelpTopicData, DefaultSanctionMessageComposer, ModAlertMessageComposer, ModBanMessageComposer, ModKickMessageComposer, ModMessageMessageComposer, ModMuteMessageComposer, ModTradingLockMessageComposer } from '@nitrots/nitro-renderer';
-import { FC, useMemo, useState } from 'react';
+import { FC, useMemo, useRef, useState } from 'react';
 import { ISelectedUser, LocalizeText, ModActionDefinition, NotificationAlertType, SendMessageComposer } from '../../../../api';
 import { Button, DraggableWindowPosition, Flex, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
 import { useModTools, useNotification } from '../../../../hooks';
@@ -33,6 +33,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
     const [ message, setMessage ] = useState<string>('');
     const { cfhCategories = null, settings = null } = useModTools();
     const { simpleAlert = null } = useNotification();
+    const isSendingRef = useRef<boolean>(false);
 
     const topics = useMemo(() =>
     {
@@ -53,6 +54,8 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
 
     const sendDefaultSanction = () =>
     {
+        if(isSendingRef.current) return;
+
         let errorMessage: string = null;
 
         const category = topics[selectedTopic];
@@ -63,6 +66,8 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
 
         const messageOrDefault = (message.trim().length === 0) ? LocalizeText(`help.cfh.topic.${ category.id }`) : message;
 
+        isSendingRef.current = true;
+
         SendMessageComposer(new DefaultSanctionMessageComposer(user.userId, selectedTopic, messageOrDefault));
 
         onCloseClick();
@@ -70,6 +75,8 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
 
     const sendSanction = () =>
     {
+        if(isSendingRef.current) return;
+
         let errorMessage: string = null;
 
         const category = topics[selectedTopic];
@@ -145,6 +152,8 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
             }
         }
 
+        isSendingRef.current = true;
+
         onCloseClick();
     };