fix: default list

CHANGELOG.md

@@ -126,6 +126,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#166](https://github.com/alleslabs/celatone-frontend/pull/166) Change default list when editing contract information
 - [#164](https://github.com/alleslabs/celatone-frontend/pull/164) Add observer in code details page
 - [#151](https://github.com/alleslabs/celatone-frontend/pull/151) Fix state reset on clicking wallet button
 - [#158](https://github.com/alleslabs/celatone-frontend/pull/158) Change dayjs back to Date type as it is incompatible with mobx storage

src/lib/components/modal/contract/AddToOtherList.tsx

@@ -6,7 +6,6 @@ import { MdBookmark } from "react-icons/md";
 import { ExplorerLink } from "lib/components/ExplorerLink";
 import { ListSelection } from "lib/components/forms/ListSelection";
 import { ActionModal } from "lib/components/modal/ActionModal";
-import { DEFAULT_LIST } from "lib/data";
 import { useHandleContractSave } from "lib/hooks/useHandleSave";
 import type { ContractLocalInfo } from "lib/stores/contract";
 import type { LVPair } from "lib/types";
@@ -18,7 +17,7 @@ interface AddToOtherListProps {
 
 export const AddToOtherList = observer(
   ({ contractLocalInfo, triggerElement }: AddToOtherListProps) => {
-    const [contractLists, setContractLists] = useState<LVPair[]>(DEFAULT_LIST);
+    const [contractLists, setContractLists] = useState<LVPair[]>([]);
 
     const handleSave = useHandleContractSave({
       title: "Action Complete!",
@@ -30,7 +29,7 @@ export const AddToOtherList = observer(
 
     useEffect(() => {
       setContractLists(
-        contractLocalInfo.lists?.length ? contractLocalInfo.lists : DEFAULT_LIST
+        contractLocalInfo.lists?.length ? contractLocalInfo.lists : []
       );
     }, [contractLocalInfo.lists]);
 

src/lib/components/modal/contract/ContractDetailsTemplate.tsx

@@ -6,7 +6,6 @@ import { ExplorerLink } from "lib/components/ExplorerLink";
 import { ActionModal } from "lib/components/modal/ActionModal";
 import type { OffchainDetail } from "lib/components/OffChainForm";
 import { OffChainForm } from "lib/components/OffChainForm";
-import { DEFAULT_LIST } from "lib/data";
 import { useHandleContractSave } from "lib/hooks/useHandleSave";
 import type { ContractLocalInfo } from "lib/stores/contract";
 import type { LVPair } from "lib/types";
@@ -17,25 +16,28 @@ interface ContractDetailsTemplateProps {
   subtitle?: string;
   contractLocalInfo: ContractLocalInfo;
   triggerElement: JSX.Element;
+  defaultList?: LVPair[];
 }
 export const ContractDetailsTemplate = ({
   title,
   subtitle,
   contractLocalInfo,
   triggerElement,
+  defaultList = [],
 }: ContractDetailsTemplateProps) => {
   const defaultValues = useMemo(() => {
     return {
       name: contractLocalInfo.name ?? "",
       description: getDescriptionDefault(contractLocalInfo.description),
       tags: getTagsDefault(contractLocalInfo.tags),
-      lists: contractLocalInfo.lists ?? DEFAULT_LIST,
+      lists: contractLocalInfo.lists ?? defaultList,
     };
   }, [
     contractLocalInfo.description,
     contractLocalInfo.lists,
     contractLocalInfo.name,
     contractLocalInfo.tags,
+    defaultList,
   ]);
 
   const {

src/lib/components/modal/contract/SaveContractDetails.tsx

@@ -1,3 +1,4 @@
+import { DEFAULT_LIST } from "lib/data";
 import type { ContractLocalInfo } from "lib/stores/contract";
 
 import { ContractDetailsTemplate } from "./ContractDetailsTemplate";
@@ -14,5 +15,6 @@ export const SaveContractDetails = ({
     title="Save Contract Details"
     contractLocalInfo={contractLocalInfo}
     triggerElement={triggerElement}
+    defaultList={DEFAULT_LIST}
   />
 );

src/lib/components/state/ZeroState.tsx

@@ -30,6 +30,7 @@ const ActionSection = ({ list, handleAction }: ActionSectionProps) =>
       <Flex align="center">
         Save existing contracts to the list with
         <SaveNewContract
+          key={list.value}
           list={list}
           buttonProps={{
             variant: "outline-primary",