refactor PUT methods for private tags

pages/api/account/private-tags/address/[id].ts

@@ -3,13 +3,7 @@ import type { NextApiRequest } from 'next';
 import handler from 'pages/api/utils/handler';
 
 const getUrl = (req: NextApiRequest) => {
-  let url = `/account/v1/user/tags/address/${ req.query.id }`;
-  if (req.method === 'PUT') {
-    const params = { address_hash: req.query.address_hash as string, name: req.query.name as string };
-    const searchParams = new URLSearchParams(params);
-    url += `?${ searchParams.toString() }`;
-  }
-  return url;
+  return `/account/v1/user/tags/address/${ req.query.id }`;
 };
 
 const addressDeleteHandler = handler(getUrl, [ 'DELETE', 'PUT' ]);

pages/api/account/private-tags/transaction/[id].ts

@@ -3,13 +3,7 @@ import type { NextApiRequest } from 'next';
 import handler from 'pages/api/utils/handler';
 
 const getUrl = (req: NextApiRequest) => {
-  let url = `/account/v1/user/tags/transaction/${ req.query.id }`;
-  if (req.method === 'PUT') {
-    const params = { transaction_hash: req.query.transaction_hash as string, name: req.query.name as string };
-    const searchParams = new URLSearchParams(params);
-    url += `?${ searchParams.toString() }`;
-  }
-  return url;
+  return `/account/v1/user/tags/transaction/${ req.query.id }`;
 };
 
 const transactionDeleteHandler = handler(getUrl, [ 'DELETE', 'PUT' ]);

ui/privateTags/AddressModal/AddressForm.tsx

@@ -37,20 +37,17 @@ const AddressForm: React.FC<Props> = ({ data, onClose }) => {
   const queryClient = useQueryClient();
 
   const { mutate } = useMutation((formData: Inputs) => {
-    let mutationFunction;
-    const requestParams = {
+    const body = JSON.stringify({
       name: formData?.tag,
       address_hash: formData?.address,
-    };
-    if (data) {
-      // edit tag
-      const params = new URLSearchParams(requestParams);
-      mutationFunction = () => fetch(`/api/account/private-tags/address/${ data.id }?${ params.toString() }`, { method: 'PUT' });
-    } else {
-      // add tag
-      mutationFunction = () => fetch('/api/account/private-tags/address', { method: 'POST', body: JSON.stringify(requestParams) });
+    });
+
+    const isEdit = data?.id;
+    if (isEdit) {
+      return fetch(`/api/account/private-tags/address/${ data.id }`, { method: 'PUT', body });
     }
-    return mutationFunction();
+
+    return fetch('/api/account/private-tags/address', { method: 'POST', body });
   }, {
     onError: () => {
       // eslint-disable-next-line no-console

ui/privateTags/TransactionModal/TransactionForm.tsx

@@ -37,20 +37,17 @@ const TransactionForm: React.FC<Props> = ({ data, onClose }) => {
   const queryClient = useQueryClient();
 
   const { mutate } = useMutation((formData: Inputs) => {
-    let mutationFunction;
-    const requestParams = {
+    const body = JSON.stringify({
       name: formData?.tag,
       transaction_hash: formData?.transaction,
-    };
-    if (data) {
-      // edit tag
-      const params = new URLSearchParams(requestParams);
-      mutationFunction = () => fetch(`/api/account/private-tags/transaction/${ data.id }?${ params.toString() }`, { method: 'PUT' });
-    } else {
-      // add tag
-      mutationFunction = () => fetch('/api/account/private-tags/transaction', { method: 'POST', body: JSON.stringify(requestParams) });
+    });
+    const isEdit = data?.id;
+
+    if (isEdit) {
+      return fetch(`/api/account/private-tags/transaction/${ data.id }`, { method: 'PUT', body });
     }
-    return mutationFunction();
+
+    return fetch('/api/account/private-tags/transaction', { method: 'POST', body });
   }, {
     onError: () => {
       // eslint-disable-next-line no-console