From 4b2d1f949bf040df5303e622aac5fcb917f1cef4 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 15 Aug 2022 19:28:08 -0700
Subject: [PATCH] Finally implement "Edit a copy"

I guess "Coming soon" was a lie oops lmao

it was bothering me so I finally added it :p
---
 src/app/WardrobePage/ItemsPanel.js     | 12 ++++++++++--
 src/app/WardrobePage/useOutfitState.js |  8 ++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/WardrobePage/ItemsPanel.js b/src/app/WardrobePage/ItemsPanel.js
index f8402d6..dcc955d 100644
--- a/src/app/WardrobePage/ItemsPanel.js
+++ b/src/app/WardrobePage/ItemsPanel.js
@@ -32,6 +32,7 @@ import Item, { ItemListContainer, ItemListSkeleton } from "./Item";
 import { BiRename } from "react-icons/bi";
 import { IoCloudUploadOutline } from "react-icons/io5";
 import { MdMoreVert } from "react-icons/md";
+import { buildOutfitUrl } from "./useOutfitState";
 
 /**
  * ItemsPanel shows the items in the current outfit, and lets the user toggle
@@ -359,6 +360,8 @@ function OutfitSavingIndicator({ outfitSaving }) {
  * It also contains the outfit menu, for saving etc.
  */
 function OutfitHeading({ outfitState, outfitSaving, dispatchToOutfit }) {
+  const outfitCopyUrl = buildOutfitUrl(outfitState, { withoutOutfitId: true });
+
   return (
     // The Editable wraps everything, including the menu, because the menu has
     // a Rename option.
@@ -400,8 +403,13 @@ function OutfitHeading({ outfitState, outfitSaving, dispatchToOutfit }) {
             <Portal>
               <MenuList>
                 {outfitState.id && (
-                  <MenuItem icon={<EditIcon />} isDisabled>
-                    Edit a copy <i>(Coming soon)</i>
+                  <MenuItem
+                    icon={<EditIcon />}
+                    as="a"
+                    href={outfitCopyUrl}
+                    target="_blank"
+                  >
+                    Edit a copy
                   </MenuItem>
                 )}
                 <MenuItem
diff --git a/src/app/WardrobePage/useOutfitState.js b/src/app/WardrobePage/useOutfitState.js
index e92ade3..9da074f 100644
--- a/src/app/WardrobePage/useOutfitState.js
+++ b/src/app/WardrobePage/useOutfitState.js
@@ -599,16 +599,16 @@ function getZonesAndItems(itemsById, wornItemIds, closetedItemIds) {
   return zonesAndItems;
 }
 
-function buildOutfitUrl(outfitState) {
+export function buildOutfitUrl(outfitState, { withoutOutfitId = false } = {}) {
   const { id } = outfitState;
 
-  const { origin, pathname } = window.location;
+  const { origin } = window.location;
 
-  if (id) {
+  if (id && !withoutOutfitId) {
     return origin + `/outfits/${id}`;
   }
 
-  return origin + pathname + "?" + buildOutfitQueryString(outfitState);
+  return origin + "/outfits/new?" + buildOutfitQueryString(outfitState);
 }
 
 function buildOutfitQueryString(outfitState) {