How can I get textInput value from app/frames/route.tsx

[kanechan25]

This is app/frames/route.tsx file:

const handleRequest = frames(async (ctx) => {
  const input = ctx.message ? ctx.message?.inputText : "";

  const renderContent = () => {
    return (
        <div>{"Enter the Username you want search"}</div>
    );
  };

  return {
    image: renderContent(),
    imageOptions: {
      aspectRatio: "1:1",
    },
    textInput: "Enter to inspect any User FID ...",
    buttons: [
      <Button
        action="post"
        target={{ pathname: "/search", query: { value: input } }}
      >
        Search User FID
      </Button>,
      <Button action="post" target={"/alpha"}>
        Alpha
      </Button>,
    ],
  };
});

export const GET = handleRequest;
export const POST = handleRequest;

And in the app/frames/search/route.tsx below, I want to get value of textInput I had entered at the textInput before in app/frames/route.tsx. app/frames/search/route.tsx here:

import { frames } from "@/utils/frames";
import { Button } from "frames.js/next";
import axios from "axios";
import { images } from "@/assets/images";

export const POST = frames(async (ctx) => {
  const value = ctx.searchParams.value;
  let isDataToken: boolean = false;
  let message = `NOT FOUND FID for @${value}`;
  if (ctx.pressedButton && value) {
    try {
      const response = await axios.get(
        `https://fnames.farcaster.xyz/transfers/current?name=${value}`
      );
      if (response.data.transfer) {
        message = `FID of @${value} is: ${response.data.transfer.id}`;
        isDataToken = true;
      }
    } catch (error) {
      console.log((error as Error).message);
      isDataToken = false;
    }
  }
  const renderContent = () => {
    return (
        <div>{message}</div>
    );
  };
  return {
    image: renderContent(),
    imageOptions: {
      aspectRatio: "1:1",
    },
    buttons: [
      <Button action="post" target="/">
        Go back Home
      </Button>,
    ],
  };
});

but const value = ctx.searchParams.value; is undefined
How to fix?

[agustif]

searchParams references params on the url string

ctx.message.textInput is what you need 🙏