\n Send Message\n

\n\n

\n \n Message Text:\n \n setText(e.target.value)}\n placeholder=\"HELLO WORLD\"\n maxLength={100}\n required\n style={{\n width: \"100%\",\n padding: \"0.5rem\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"4px\",\n fontSize: \"1rem\",\n }}\n />\n \n Text longer than display width will auto-scroll\n \n

\n\n

\n \n Font:\n \n setFont(e.target.value)}\n style={{\n width: \"100%\",\n padding: \"0.5rem\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"4px\",\n fontSize: \"1rem\",\n backgroundColor: \"white\",\n }}\n >\n \n \n \n

\n\n

\n \n setScroll(e.target.checked)}\n style={{ width: \"auto\" }}\n />\n \n Force scrolling (even for short text)\n \n \n

\n\n

\n \n Priority: {priority}\n \n setPriority(Number(e.target.value))}\n min=\"0\"\n max=\"100\"\n style={{ width: \"100%\" }}\n />\n \n Higher priority messages override lower priority (Clock is 10)\n \n

\n\n

\n \n Duration: {duration}s\n \n setDuration(Number(e.target.value))}\n min=\"10\"\n max=\"300\"\n step=\"10\"\n style={{ width: \"100%\" }}\n />\n

\n\n

\n \n Send Message\n \n\n \n {isPolling ? \"Pause\" : \"Resume\"}\n \n\n \n Clear All\n \n

\n\n \n

\n Priority Guide:\n

Clock: 10 (default, always visible)
Text messages: 20-40 (temporary override)
Alerts: 50-100 (high priority)

\n \n \n );\n}\n","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/drewmcdonald/flipdot/code/frontend/components/ControlPanel.tsx","extension","actionData","errors"]