fix: clone campaign created in self-serve, remove deleted ads in edit

src/components/Campaigns/CloneCampaign.tsx

@@ -25,9 +25,10 @@ import { FilterContext } from "state/context";
 interface Props {
   campaignFragment?: CampaignFragment | null;
   useChip?: boolean;
+  disabled?: boolean;
 }
 
-export function CloneCampaign({ campaignFragment, useChip }: Props) {
+export function CloneCampaign({ campaignFragment, useChip, disabled }: Props) {
   const { advertiser } = useAdvertiser();
   const { fromDate } = useContext(FilterContext);
   const { userId } = useUser();
@@ -62,7 +63,7 @@ export function CloneCampaign({ campaignFragment, useChip }: Props) {
           onClick={() => {
             setOpen(true);
           }}
-          disabled={loading || !campaignFragment}
+          disabled={loading || !campaignFragment || disabled}
           icon={<ContentCopyIcon fontSize="small" />}
         />
       ) : (
@@ -74,7 +75,7 @@ export function CloneCampaign({ campaignFragment, useChip }: Props) {
             e.preventDefault();
             setOpen(true);
           }}
-          disabled={loading || !campaignFragment}
+          disabled={loading || !campaignFragment || disabled}
           startIcon={<ContentCopyIcon />}
         >
           Clone Campaign
@@ -84,7 +85,7 @@ export function CloneCampaign({ campaignFragment, useChip }: Props) {
         <DialogTitle>{`Copy campaign: "${campaignFragment?.name}"?`}</DialogTitle>
         <DialogContent>
           <DialogContentText>
-            Copying a campaign will take all properties including ad sets and
+            Cloning a campaign will take all properties including ad sets and
             ads, and create a new draft campaign with them.
           </DialogContentText>
           {loading && <LinearProgress />}

src/user/library/index.ts

@@ -110,11 +110,14 @@ export function editCampaignValues(
   campaign: CampaignFragment,
   advertiserId: string,
 ): CampaignForm {
-  const ads: AdFragment[] = _.flatMap(campaign.adSets, "ads");
+  const ads: AdFragment[] = _.filter(
+    _.flatMap(campaign.adSets, "ads"),
+    (a) => a.state !== "deleted",
+  );
 
   const billingType = (_.head(campaign.adSets)?.billingType ??
     "cpm") as Billing;
-  const rawPrice = BigNumber(_.head(ads)?.price ?? "0.006");
+  const rawPrice = BigNumber(_.head(ads)?.price ?? "0.1");
   const price = billingType === "cpm" ? rawPrice.multipliedBy(1000) : rawPrice;
 
   return {

src/user/views/user/CampaignView.tsx

@@ -100,35 +100,49 @@ function CampaignHeader(props: { selectedCampaigns: string[] }) {
     skip: !oneCampaignSelected || !firstCampaign,
   });
 
-  let tooltip: string | null = "Please select one campaign to clone or edit";
   let isValidCampaign = false;
   if (!loading && data?.campaign) {
     isValidCampaign =
       data.campaign.source === CampaignSource.SelfServe &&
       editableCampaigns.includes(data.campaign.format) &&
       data.campaign.state !== "completed";
-    tooltip = isValidCampaign ? null : "Cannot edit this campaign";
   }
 
   return (
     <Stack direction="row" alignItems="center" spacing={2}>
       <Typography variant="h2">Campaigns</Typography>
-      <Tooltip title={tooltip}>
-        <Stack direction="row" alignItems="center" spacing={2}>
-          <CloneCampaign campaignFragment={data?.campaign} useChip />
-          <Chip
-            color="primary"
-            label="Edit"
-            disabled={
-              !oneCampaignSelected || !data?.campaign || !isValidCampaign
-            }
-            component={RouterLink}
-            to={`/user/main/adsmanager/advanced/${firstCampaign}/settings`}
-            icon={<EditIcon fontSize="small" />}
-            clickable
-          />
-        </Stack>
-      </Tooltip>
+      <Stack direction="row" alignItems="center" spacing={2}>
+        <Tooltip
+          title={isValidCampaign ? "Clone Campaign" : "Cannot clone campaign"}
+        >
+          <span>
+            <CloneCampaign
+              campaignFragment={data?.campaign}
+              useChip
+              disabled={
+                !oneCampaignSelected || !data?.campaign || !isValidCampaign
+              }
+            />
+          </span>
+        </Tooltip>
+        <Tooltip
+          title={isValidCampaign ? "Edit campaign" : "Cannot Edit Campaign"}
+        >
+          <span>
+            <Chip
+              color="primary"
+              label="Edit"
+              disabled={
+                !oneCampaignSelected || !data?.campaign || !isValidCampaign
+              }
+              component={RouterLink}
+              to={`/user/main/adsmanager/advanced/${firstCampaign}/settings`}
+              icon={<EditIcon fontSize="small" />}
+              clickable
+            />
+          </span>
+        </Tooltip>
+      </Stack>
     </Stack>
   );
 }