Render the result of the prompt real-time to make it more competitive

[github-actions]

https://api.github.com/aufacicenta/pulsemarkets/blob/675fe2a623a062c5e5d1b611b7e22665d15d9623/app/src/ui/pulse/prompt-input-card/PromptInputCard.tsx#L20

import { PromptInputCardProps } from "./PromptInputCard.types";
import styles from "./PromptInputCard.module.scss";

// @TODO Render the result of the prompt real-time to make it more competitive
// labels: 250 USDT, P1
export const PromptInputCard: React.FC<PromptInputCardProps> = ({
  onSubmit,
  className,

Create a new component that will render an preview image of the prompt that's being written while a game match is active. There should be a "preview" button next to the "submit" button that let's the user preview their prompt together with its score.

The main logic to work on is already implemented in reveal.ts. You should take from this file what works for this new API endpoint. The new image should be rendered either in a new Modal component, or above the PromptInputCard textarea.

[netpoe]

@Udit-takkar this is a long-wanted feature. Let me know if you want to implement it.

[Dhoni77]

Hi @netpoe can I work on this

[netpoe]

Hi @netpoe can I work on this

@Dhoni77 apologies, someone was already working on this. I'll tag you in a new issue soon. Thanks for your interest.