Fix bug where duplicated Send tab would stop syncing headers

This meant if you duplicated a tab with a body and correct
content-length field, they'd go out of sync.

Author: pimterry

src/components/send/send-tabs.tsx

@@ -221,7 +221,7 @@ export const SendTabs = observer((props: {
             {
                 type: 'option',
                 label: 'Duplicate Tab',
-                callback: () => props.onAddTab(_.cloneDeep(request.request))
+                callback: () => props.onAddTab(new RequestInput(request.request))
             },
             {
                 type: 'option',

src/model/send/send-request-model.ts

@@ -39,7 +39,7 @@ export class RequestInput {
             url: string,
             headers: RawHeaders,
             requestContentType: EditableContentType,
-            rawBody: Buffer
+            rawBody: Buffer | EditableBody
         }
     ) {
         // When deserializing, we need to ensure the body is provided directly
@@ -49,8 +49,13 @@ export class RequestInput {
             this.url = existingData.url;
             this.headers = existingData.headers;
             this.requestContentType = existingData.requestContentType;
+
+            const rawBody = existingData.rawBody instanceof EditableBody
+                ? existingData.rawBody.decoded
+                : existingData.rawBody;
+
             this.rawBody = new EditableBody(
-                existingData.rawBody,
+                rawBody,
                 undefined,
                 () => this.headers
             );