Cleanup page.tsx

Author: bzwrk

packages/connect-react/examples/nextjs/src/app/page.tsx

@@ -8,10 +8,8 @@ import {
 import { fetchToken } from "./actions";
 
 export default function Home() {
-  // const userId = "demo-32aaf9cd-5df0-4ffe-86b5-db43a61a842c"; //gmail-new-email-received
-  const userId = "demo-937d4e64-100a-4e32-9dbb-a73c279e91b3"; // goole_sheets add new row
+  const userId = "my-authed-user-id";
   const client = createFrontendClient({
-    environment: "development",
     externalUserId: userId,
     tokenCallback: fetchToken,
   });
@@ -42,7 +40,7 @@ export default function Home() {
       <FrontendClientProvider client={client}>
         <ComponentFormContainer
           userId={userId}
-          componentKey="google_sheets-add-single-row"
+          componentKey="slack-send-message"
           configuredProps={configuredProps}
           onUpdateDynamicProps={handleDynamicProps}
           onUpdateConfiguredProps={setConfiguredProps}
@@ -52,7 +50,7 @@ export default function Home() {
             try {
               const result = await client.runAction({
                 userId,
-                actionId: "google_sheets-add-single-row",
+                actionId: "slack-send-message",
                 configuredProps,
                 dynamicPropsId,
               });