fix lint

Author: ctate

examples/stripe-app/src/lib/render/catalog/actions.ts

@@ -1004,7 +1004,7 @@ export const actionHandlers: Record<
     }
   },
 
-  detachPaymentMethod: async (params, setData) => {
+  detachPaymentMethod: async (params, _setData) => {
     try {
       if (!params?.paymentMethodId) return;
       await stripe.paymentMethods.detach(params.paymentMethodId as string);

examples/stripe-app/src/lib/render/catalog/components.tsx

@@ -3,7 +3,7 @@
  *
  * Maps json-render catalog components to Stripe UI Extension SDK components.
  */
-import type { FunctionComponent, ReactNode } from "react";
+import type { FunctionComponent } from "react";
 import type { ComponentRenderProps } from "@json-render/react";
 import {
   Box,
@@ -50,7 +50,7 @@ import {
 } from "@stripe/ui-extension-sdk/ui";
 
 // Helper to format currency
-const formatCurrency = (amount: number, currency: string = "usd"): string => {
+const formatCurrency = (amount: number, currency = "usd"): string => {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: currency.toUpperCase(),
@@ -500,7 +500,7 @@ export const TextField: FunctionComponent<ExtendedRenderProps> = ({
       size={size as "small" | "medium" | "large"}
       disabled={Boolean(disabled) || undefined}
       required={Boolean(required) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };
@@ -532,7 +532,7 @@ export const TextArea: FunctionComponent<ExtendedRenderProps> = ({
       rows={Number(rows)}
       disabled={Boolean(disabled) || undefined}
       required={Boolean(required) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };
@@ -564,7 +564,7 @@ export const Select: FunctionComponent<ExtendedRenderProps> = ({
       size={size as "small" | "medium" | "large"}
       disabled={Boolean(disabled) || undefined}
       required={Boolean(required) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     >
       {opts.map((opt: { value: string; label: string }) => (
         <option key={opt.value} value={opt.value}>
@@ -593,7 +593,7 @@ export const Checkbox: FunctionComponent<ExtendedRenderProps> = ({
       error={error ? String(error) : undefined}
       checked={checked || undefined}
       disabled={Boolean(disabled) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };
@@ -615,7 +615,7 @@ export const Radio: FunctionComponent<ExtendedRenderProps> = ({
       name={String(name || "")}
       checked={currentValue === value}
       disabled={Boolean(disabled) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };
@@ -637,7 +637,7 @@ export const Switch: FunctionComponent<ExtendedRenderProps> = ({
       description={description ? String(description) : undefined}
       checked={checked || undefined}
       disabled={Boolean(disabled) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };
@@ -665,7 +665,7 @@ export const DateField: FunctionComponent<ExtendedRenderProps> = ({
       value={value || ""}
       size={size as "small" | "medium" | "large"}
       disabled={Boolean(disabled) || undefined}
-      onChange={() => {}}
+      onChange={() => undefined}
     />
   );
 };

examples/stripe-app/src/lib/stripe.ts

@@ -18,7 +18,7 @@ export const stripe = new Stripe(STRIPE_API_KEY, {
 /**
  * Format amount for display (converts cents to dollars)
  */
-export function formatAmount(amount: number, currency: string = "usd"): string {
+export function formatAmount(amount: number, currency = "usd"): string {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: currency.toUpperCase(),

examples/stripe-app/src/views/CustomerDetails.test.tsx

@@ -5,7 +5,7 @@ import CustomerDetails from "./CustomerDetails";
 
 describe("CustomerDetailsView", () => {
   it("renders ContextView", () => {
-    const { wrapper } = render(<App {...getMockContextProps()} />);
+    const { wrapper } = render(<CustomerDetails {...getMockContextProps()} />);
 
     expect(wrapper.find(ContextView)).toContainText("save to reload this view");
   });

examples/stripe-app/src/views/Customers.test.tsx

@@ -5,7 +5,7 @@ import Customers from "./Customers";
 
 describe("CustomersView", () => {
   it("renders ContextView", () => {
-    const { wrapper } = render(<App {...getMockContextProps()} />);
+    const { wrapper } = render(<Customers {...getMockContextProps()} />);
 
     expect(wrapper.find(ContextView)).toContainText("save to reload this view");
   });

examples/stripe-app/src/views/Customers.tsx

@@ -150,7 +150,7 @@ function createCustomersListSpec(data: Record<string, unknown>): Spec {
 // Component
 // =============================================================================
 
-const Customers = ({ userContext, environment }: ExtensionContextValue) => {
+const Customers = (_props: ExtensionContextValue) => {
   const [data, setData] = useState<Record<string, unknown>>({});
   const [spec, setSpec] = useState<Spec | null>(null);
   const [loading, setLoading] = useState(true);

examples/stripe-app/src/views/Home.test.tsx

@@ -1,11 +1,11 @@
 import { render, getMockContextProps } from "@stripe/ui-extension-sdk/testing";
 import { ContextView } from "@stripe/ui-extension-sdk/ui";
 
-import Hone from "./Home";
+import Home from "./Home";
 
 describe("DashboardHomepageView", () => {
   it("renders ContextView", () => {
-    const { wrapper } = render(<App {...getMockContextProps()} />);
+    const { wrapper } = render(<Home {...getMockContextProps()} />);
 
     expect(wrapper.find(ContextView)).toContainText("save to reload this view");
   });

examples/stripe-app/src/views/Home.tsx

@@ -547,7 +547,7 @@ const actionsCatalogInfo = Object.entries(stripeCatalog.data.actions).map(
 // Home Component
 // =============================================================================
 
-const Home = ({ userContext }: ExtensionContextValue) => {
+const Home = (_props: ExtensionContextValue) => {
   const [prompt, setPrompt] = useState("");
   const [isGenerating, setIsGenerating] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
@@ -729,8 +729,9 @@ const Home = ({ userContext }: ExtensionContextValue) => {
 
                 <Divider />
                 <Box css={{ font: "caption", color: "secondary" }}>
-                  Try: "Show revenue metrics" • "Show recent payments" • "Show
-                  subscriptions" • "Show customers" • "Show invoices"
+                  Try: &quot;Show revenue metrics&quot; &bull; &quot;Show recent
+                  payments&quot; &bull; &quot;Show subscriptions&quot; &bull;
+                  &quot;Show customers&quot; &bull; &quot;Show invoices&quot;
                 </Box>
               </Box>
             </TabPanel>

examples/stripe-app/src/views/Invoices.tsx

@@ -209,7 +209,7 @@ function createInvoicesSpec(data: Record<string, unknown>): Spec {
 // Component
 // =============================================================================
 
-const Invoices = ({ userContext, environment }: ExtensionContextValue) => {
+const Invoices = (_props: ExtensionContextValue) => {
   const [data, setData] = useState<Record<string, unknown>>({});
   const [spec, setSpec] = useState<Spec | null>(null);
   const [loading, setLoading] = useState(true);

examples/stripe-app/src/views/Payments.tsx

@@ -171,7 +171,7 @@ function createPaymentsSpec(data: Record<string, unknown>): Spec {
 // Component
 // =============================================================================
 
-const Payments = ({ userContext, environment }: ExtensionContextValue) => {
+const Payments = (_props: ExtensionContextValue) => {
   const [data, setData] = useState<Record<string, unknown>>({});
   const [spec, setSpec] = useState<Spec | null>(null);
   const [loading, setLoading] = useState(true);