rename ui

Author: ericglau

packages/ui/src/zama/App.svelte

@@ -3,7 +3,7 @@
 
   import hljs from './highlightjs';
 
-  import ERC20Controls from './ERC20Controls.svelte';
+  import ConfidentialFungibleControls from './ConfidentialFungibleControls.svelte';
   import CopyIcon from '../common/icons/CopyIcon.svelte';
   import CheckIcon from '../common/icons/CheckIcon.svelte';
   import RemixIcon from '../common/icons/RemixIcon.svelte';
@@ -37,7 +37,7 @@
     showCode = true;
   }
 
-  export let initialTab: string | undefined = 'ERC20';
+  export let initialTab: string | undefined = 'ConfidentialFungible';
 
   export let tab: Kind = sanitizeKind(initialTab);
   $: {
@@ -63,7 +63,7 @@
       if (!initialValuesSet) {
         opts.name = initialOpts.name ?? opts.name;
         switch (opts.kind) {
-          case 'ERC20':
+          case 'ConfidentialFungible':
             opts.premint = initialOpts.premint ?? opts.premint;
         }
         initialValuesSet = true;
@@ -185,7 +185,9 @@
   <div class="header flex flex-row justify-between">
     <div class="tab overflow-hidden whitespace-nowrap">
       <OverflowMenu>
-        <button class:selected={tab === 'ERC20'} on:click={() => (tab = 'ERC20')}> ERC20 </button>
+        <button class:selected={tab === 'ConfidentialFungible'} on:click={() => (tab = 'ConfidentialFungible')}>
+          ConfidentialFungible
+        </button>
       </OverflowMenu>
     </div>
 
@@ -264,8 +266,8 @@
     <div
       class="controls rounded-l-3xl min-w-72 w-72 max-w-[calc(100vw-420px)] flex flex-col shrink-0 justify-between h-[calc(100vh-84px)] overflow-auto resize-x"
     >
-      <div class:hidden={tab !== 'ERC20'}>
-        <ERC20Controls bind:opts={allOpts.ERC20} errors={errors.ERC20} />
+      <div class:hidden={tab !== 'ConfidentialFungible'}>
+        <ConfidentialFungibleControls bind:opts={allOpts.ConfidentialFungible} errors={errors.ConfidentialFungible} />
       </div>
     </div>
 

packages/ui/src/zama/ERC20Controls.svelte renamed to packages/ui/src/zama/ConfidentialFungibleControls.svelte

@@ -2,7 +2,7 @@
   import HelpTooltip from '../common/HelpTooltip.svelte';
 
   import type { KindedOptions, OptionsErrorMessages } from '@openzeppelin/wizard-zama';
-  import { erc20, premintPattern, chainIdPattern, infoDefaults } from '@openzeppelin/wizard-zama';
+  import { confidentialFungible, premintPattern, chainIdPattern, infoDefaults } from '@openzeppelin/wizard-zama';
 
   import InfoSection from './InfoSection.svelte';
   import ExpandableToggleRadio from '../common/ExpandableToggleRadio.svelte';
@@ -11,9 +11,9 @@
   import { resizeToFit } from '../common/resize-to-fit';
   import { superchainTooltipProps } from './superchain-tooltip';
 
-  export let opts: Required<KindedOptions['ERC20']> = {
-    kind: 'ERC20',
-    ...erc20.defaults,
+  export let opts: Required<KindedOptions['ConfidentialFungible']> = {
+    kind: 'ConfidentialFungible',
+    ...confidentialFungible.defaults,
     premint: '', // default to empty premint in UI instead of 0
     info: { ...infoDefaults }, // create new object since Info is nested
   };
@@ -57,7 +57,6 @@
       </label>
     </div>
   </div>
-
 </section>
 
 <section class="controls-section">
@@ -77,7 +76,7 @@
   bind:value={opts.votes}
   defaultValue="blocknumber"
   helpContent="Keeps track of historical balances for voting in on-chain governance, with a way to delegate one's voting power to a trusted account."
-  helpLink="https://docs.openzeppelin.com/contracts/api/token/erc20#ERC20Votes"
+  helpLink="https://docs.openzeppelin.com/contracts/api/token/confidentialFungible#ConfidentialFungibleVotes"
 >
   <div class="checkbox-group">
     <label class:checked={opts.votes === 'blocknumber'}>