From 27f28c8e6c6e08a551dd6e907d5a8fd380ea9a5f Mon Sep 17 00:00:00 2001
From: m-sebastiyan <sebastiyan.michael@outlook.com>
Date: Fri, 19 Nov 2021 22:16:11 +0200
Subject: [PATCH] fix: build by removing unneeded code (#1021)

---
 CHANGELOG.md                                  |  2 +
 .../components/DesignAndInfoStep/index.less   | 24 --------
 .../components/DesignAndInfoStep/index.tsx    | 61 -------------------
 .../components/DesignAndInfoStep/interface.ts |  7 ---
 .../components/SalesSettingsStep/index.less   | 21 -------
 .../components/SalesSettingsStep/index.tsx    | 33 ----------
 .../components/SalesSettingsStep/interface.ts |  6 --
 .../packCreate/components/Sidebar/data.ts     |  8 +--
 .../views/packCreate/hooks/useValidation.ts   |  2 -
 .../web/src/views/packCreate/index.less       |  2 -
 .../web/src/views/packCreate/index.tsx        | 13 ----
 js/packages/web/src/views/packCreate/types.ts |  2 -
 12 files changed, 4 insertions(+), 177 deletions(-)
 delete mode 100644 js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.less
 delete mode 100644 js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.tsx
 delete mode 100644 js/packages/web/src/views/packCreate/components/DesignAndInfoStep/interface.ts
 delete mode 100644 js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.less
 delete mode 100644 js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.tsx
 delete mode 100644 js/packages/web/src/views/packCreate/components/SalesSettingsStep/interface.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 534bbbc2f9b..16daf269800 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -45,6 +45,8 @@ incremented for features.
 - Fix for punch ticket showing up as a button if you have an FLP presale token but didn't win. You should see Withdrawal.
 - Fix lint issues preventing CI from passing
 - In Jares first useful contribution we see Jares second rust thing, refunding some millions $ back in unused candy configs to the authorities. Check 'withdraw' in the candy-machine-cli :)
+- Fix build issues preventing CI from passing
+- Remove unneeded code from Packs creation admin
 
 ### Breaking
 
diff --git a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.less b/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.less
deleted file mode 100644
index 30b2b0b4031..00000000000
--- a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.less
+++ /dev/null
@@ -1,24 +0,0 @@
-.design-step-wrapper {
-  .form-wrapper {
-    max-width: 688px;
-
-    &__label,
-    &__sublabel {
-      font-weight: 600;
-      font-size: 14px;
-      line-height: 24px;
-      letter-spacing: 0.03em;
-      text-transform: uppercase;
-
-      color: @grey-30;
-      margin: 0;
-    }
-
-    &__sublabel {
-      font-weight: normal;
-      text-transform: none;
-      line-height: 17px;
-      margin-bottom: 8px;
-    }
-  }
-}
diff --git a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.tsx b/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.tsx
deleted file mode 100644
index 17c9910d63d..00000000000
--- a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React, { memo, ReactElement } from 'react';
-import { Form, Input } from 'antd';
-
-import { DesignAndInfoStepProps } from './interface';
-import { InfoFormState } from '../../interface';
-
-const { TextArea } = Input;
-
-const DesignAndInfoStep = ({
-  setPackState,
-  form,
-}: DesignAndInfoStepProps): ReactElement => {
-  const onValuesChange = (changedValues: Partial<InfoFormState>) => {
-    setPackState(changedValues);
-  };
-
-  return (
-    <div className="design-step-wrapper">
-      <Form
-        className="form-wrapper"
-        name="designPack"
-        initialValues={{ remember: true }}
-        onValuesChange={onValuesChange}
-        form={form}
-        autoComplete="off"
-        layout="vertical"
-      >
-        <p className="form-wrapper__label">
-          Absolute url to cover image (Required)
-        </p>
-        <p className="form-wrapper__sublabel">
-          We recomend an image of at least 900x400.
-        </p>
-        <Form.Item
-          name="uri"
-          rules={[{ required: true, message: 'Please enter Cover URL' }]}
-        >
-          <Input placeholder="http://example.io" />
-        </Form.Item>
-
-        <p className="form-wrapper__label">Title (Required)</p>
-        <Form.Item
-          name="name"
-          rules={[{ required: true, message: 'Please enter pack title' }]}
-        >
-          <Input placeholder="Item name" />
-        </Form.Item>
-
-        <p className="form-wrapper__label">Description (Required)</p>
-        <Form.Item
-          name="description"
-          rules={[{ required: true, message: 'Please enter Description' }]}
-        >
-          <TextArea placeholder="Item description" />
-        </Form.Item>
-      </Form>
-    </div>
-  );
-};
-
-export default memo(DesignAndInfoStep);
diff --git a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/interface.ts b/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/interface.ts
deleted file mode 100644
index 062fc00ed01..00000000000
--- a/js/packages/web/src/views/packCreate/components/DesignAndInfoStep/interface.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { FormInstance } from 'antd';
-import { InfoFormState, PackState } from '../../interface';
-
-export interface DesignAndInfoStepProps {
-  setPackState: (values: Partial<PackState>) => void;
-  form: FormInstance<InfoFormState>;
-}
diff --git a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.less b/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.less
deleted file mode 100644
index f0fa40545c2..00000000000
--- a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.less
+++ /dev/null
@@ -1,21 +0,0 @@
-.sales-step-wrapper {
-  &__title {
-    font-weight: bold;
-    font-size: 18px;
-    line-height: 24px;
-    color: @white;
-    margin-bottom: 8px;
-  }
-
-  &__subtitle {
-    font-size: 16px;
-    line-height: 20px;
-    color: @grey-20;
-    margin: 0;
-  }
-
-  .cards-select {
-    display: flex;
-    margin-top: 24px;
-  }
-}
diff --git a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.tsx b/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.tsx
deleted file mode 100644
index 97ed8126eef..00000000000
--- a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React, { memo, ReactElement } from 'react';
-
-import SelectCard from '../SelectCard';
-
-import { SalesSettingsStepProps } from './interface';
-
-const SalesSettingsStep = ({
-  setPackState,
-  redeemEndDate,
-}: SalesSettingsStepProps): ReactElement => {
-  const isExpirationSet = !!redeemEndDate;
-
-  return (
-    <div className="sales-step-wrapper">
-      <p className="sales-step-wrapper__title">Pack expiration</p>
-      <p className="sales-step-wrapper__subtitle">
-        Without an expiration date masters will remain locked until all packs
-        are opened.
-      </p>
-
-      <div className="cards-select">
-        <SelectCard
-          title="No expiration"
-          subtitle="Masters will remain locked"
-          isSelected={!isExpirationSet}
-          onClick={() => setPackState({ redeemEndDate: null })}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default memo(SalesSettingsStep);
diff --git a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/interface.ts b/js/packages/web/src/views/packCreate/components/SalesSettingsStep/interface.ts
deleted file mode 100644
index 43bdc6449d0..00000000000
--- a/js/packages/web/src/views/packCreate/components/SalesSettingsStep/interface.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { PackState } from '../../interface';
-
-export interface SalesSettingsStepProps {
-  setPackState: (values: Partial<PackState>) => void;
-  redeemEndDate?: moment.Moment | null;
-}
diff --git a/js/packages/web/src/views/packCreate/components/Sidebar/data.ts b/js/packages/web/src/views/packCreate/components/Sidebar/data.ts
index 23329ae4215..5833a3c650b 100644
--- a/js/packages/web/src/views/packCreate/components/Sidebar/data.ts
+++ b/js/packages/web/src/views/packCreate/components/Sidebar/data.ts
@@ -1,19 +1,15 @@
 import { CreatePackSteps } from '../../types';
 
-export const STEPS_TITLES: Record<number, string> = {
+export const STEPS_TITLES: Record<CreatePackSteps, string> = {
   [CreatePackSteps.SelectItems]: 'Select Items',
   [CreatePackSteps.SelectVoucher]: 'Select Voucher',
   [CreatePackSteps.AdjustQuantities]: 'Adjust Quantities',
-  // [CreatePackSteps.SalesSettings]: 'Sales Settings',
-  // [CreatePackSteps.DesignAndInfo]: 'Info & Design',
   [CreatePackSteps.ReviewAndMint]: 'Review & Mint',
 };
 
-export const CONTINUE_TITLES: Record<number, string> = {
+export const CONTINUE_TITLES: Record<CreatePackSteps, string> = {
   [CreatePackSteps.SelectItems]: 'Continue to Voucher',
   [CreatePackSteps.SelectVoucher]: 'Continue to Quantities',
   [CreatePackSteps.AdjustQuantities]: 'Continue to Mint',
-  // [CreatePackSteps.SalesSettings]: 'Continue to Design',
-  // [CreatePackSteps.DesignAndInfo]: 'Continue to Mint',
   [CreatePackSteps.ReviewAndMint]: 'Confirm & Mint',
 };
diff --git a/js/packages/web/src/views/packCreate/hooks/useValidation.ts b/js/packages/web/src/views/packCreate/hooks/useValidation.ts
index d9f792ae008..f1217d20203 100644
--- a/js/packages/web/src/views/packCreate/hooks/useValidation.ts
+++ b/js/packages/web/src/views/packCreate/hooks/useValidation.ts
@@ -52,8 +52,6 @@ export const useValidation = ({
       return Object.values(selectedVouchers).length > 0;
     case CreatePackSteps.AdjustQuantities:
       return isValidQuantities(attributes);
-    // case CreatePackSteps.DesignAndInfo:
-    //   return !!(name && description && uri);
     default:
       return true;
   }
diff --git a/js/packages/web/src/views/packCreate/index.less b/js/packages/web/src/views/packCreate/index.less
index 4cbf739e847..7c9ab4be79a 100644
--- a/js/packages/web/src/views/packCreate/index.less
+++ b/js/packages/web/src/views/packCreate/index.less
@@ -8,8 +8,6 @@
 }
 
 @import './components/AdjustQuantitiesStep/index.less';
-@import './components/SalesSettingsStep/index.less';
-@import './components/DesignAndInfoStep/index.less';
 @import './components/ReviewAndMintStep/index.less';
 @import './components/Header/index.less';
 @import './components/Sidebar/index.less';
diff --git a/js/packages/web/src/views/packCreate/index.tsx b/js/packages/web/src/views/packCreate/index.tsx
index 5c02d90013b..6abdc7878a4 100644
--- a/js/packages/web/src/views/packCreate/index.tsx
+++ b/js/packages/web/src/views/packCreate/index.tsx
@@ -42,8 +42,6 @@ export const PackCreateView = (): ReactElement => {
   const { accountByMint } = useUserAccounts();
   const isValidStep = useValidation({ attributes, step });
 
-  // const [designForm] = Form.useForm<InfoFormState>();
-
   const {
     selectedItems,
     selectedVouchers,
@@ -205,17 +203,6 @@ export const PackCreateView = (): ReactElement => {
           />
         )}
 
-        {/* {step === CreatePackSteps.SalesSettings && (
-          <SalesSettingsStep
-            redeemEndDate={redeemEndDate}
-            setPackState={setPackState}
-          />
-        )} */}
-
-        {/*{step === CreatePackSteps.DesignAndInfo && (
-          <DesignAndInfoStep form={designForm} setPackState={setPackState} />
-        )}*/}
-
         {step === CreatePackSteps.ReviewAndMint && (
           <ReviewAndMintStep
             uri={uri}
diff --git a/js/packages/web/src/views/packCreate/types.ts b/js/packages/web/src/views/packCreate/types.ts
index 93074b9f33c..a6970c9f482 100644
--- a/js/packages/web/src/views/packCreate/types.ts
+++ b/js/packages/web/src/views/packCreate/types.ts
@@ -2,7 +2,5 @@ export enum CreatePackSteps {
   SelectItems,
   SelectVoucher,
   AdjustQuantities,
-  // SalesSettings,
-  DesignAndInfo,
   ReviewAndMint,
 }