fixed linting issues

Author: GWSzeto

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Claimable.tsx

@@ -174,6 +174,7 @@ function ClaimableModule(props: ModuleInstanceProps) {
       isOwnerAccount={!!ownerAccount}
       isErc721={isErc721}
       isSequentialTokenIdInstalled={isSequentialTokenIdInstalled}
+      chainId={props.contract.chain.id}
     />
   );
 }
@@ -188,6 +189,7 @@ export function ClaimableModuleUI(
     mint: (values: MintFormValues) => Promise<void>;
     isErc721: boolean;
     isSequentialTokenIdInstalled: boolean;
+    chainId: number;
   },
 ) {
   return (
@@ -238,6 +240,7 @@ export function ClaimableModuleUI(
                   claimCondition={props.claimCondition}
                   update={props.update}
                   isErc721={props.isErc721}
+                  chainId={props.chainId}
                 />
               </AccordionContent>
             </AccordionItem>
@@ -284,6 +287,7 @@ function ConfigSection(props: {
   update: (values: ConfigFormValues) => Promise<void>;
   isOwnerAccount: boolean;
   isErc721: boolean;
+  chainId: number;
 }) {
   const form = useForm<ConfigFormValues>({
     resolver: zodResolver(configFormSchema),
@@ -397,7 +401,10 @@ function ConfigSection(props: {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Currency</FormLabel>
-                  <CurrencySelector field={field} />
+                  <CurrencySelector
+                    contractChainId={props.chainId}
+                    field={field}
+                  />
                 </FormItem>
               )}
             />

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/CurrencySelector.tsx

@@ -26,15 +26,17 @@ interface CurrencySelectorProps<
   field: ControllerRenderProps<TFieldValues>;
 }
 
-export const CurrencySelector: React.FC<CurrencySelectorProps> = ({
+export function CurrencySelector<
+  TFieldValues extends FieldValues = FieldValues,
+>({
   small,
   hideDefaultCurrencies,
   showCustomCurrency = true,
   isPaymentsSelector = false,
   defaultCurrencies = [],
   field,
   contractChainId: chainId,
-}) => {
+}: CurrencySelectorProps<TFieldValues>) {
   const { idToChain } = useAllChainsData();
   const chain = chainId ? idToChain.get(chainId) : undefined;
 
@@ -185,4 +187,4 @@ export const CurrencySelector: React.FC<CurrencySelectorProps> = ({
       </Select>
     </div>
   );
-};
+}

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/claimable.stories.tsx

@@ -122,6 +122,7 @@ function Component() {
             isErc721={isErc721}
             claimCondition={claimCondition}
             isSequentialTokenIdInstalled={isSequentialTokenIdInstalled}
+            chainId={1}
           />
         </BadgeContainer>
 
@@ -141,6 +142,7 @@ function Component() {
             isErc721={isErc721}
             claimCondition={claimCondition}
             isSequentialTokenIdInstalled={isSequentialTokenIdInstalled}
+            chainId={1}
           />
         </BadgeContainer>
 
@@ -160,6 +162,7 @@ function Component() {
             isErc721={isErc721}
             claimCondition={claimCondition}
             isSequentialTokenIdInstalled={isSequentialTokenIdInstalled}
+            chainId={1}
           />
         </BadgeContainer>