replace placeholder with current record

src/components/create.tsx

···
 import { TextInput } from "./text-input.jsx";
 import Tooltip from "./tooltip.jsx";
 
+export const [placeholder, setPlaceholder] = createSignal<any>();
+
 export const RecordEditor = (props: { create: boolean; record?: any; refetch?: any }) => {
   const navigate = useNavigate();
   const params = useParams();
···
   let blobInput!: HTMLInputElement;
   let formRef!: HTMLFormElement;
 
-  const placeholder = () => {
+  const defaultPlaceholder = () => {
     return {
       $type: "app.bsky.feed.post",
       text: "This post was sent from PDSls",
···
               </div>
             </div>
             <Editor
-              content={JSON.stringify(props.create ? placeholder() : props.record, null, 2)}
+              content={JSON.stringify(
+                !props.create ? props.record
+                : params.rkey ? placeholder()
+                : defaultPlaceholder(),
+                null,
+                2,
+              )}
             />
             <div class="flex flex-col gap-2">
               <Show when={notice()}>

src/views/record.tsx

···
 import { createResource, createSignal, ErrorBoundary, Show, Suspense } from "solid-js";
 import { Backlinks } from "../components/backlinks.jsx";
 import { Button } from "../components/button.jsx";
-import { RecordEditor } from "../components/create.jsx";
+import { RecordEditor, setPlaceholder } from "../components/create.jsx";
 import { CopyMenu, DropdownMenu, MenuProvider, NavMenu } from "../components/dropdown.jsx";
 import { JSONValue } from "../components/json.jsx";
 import { agent } from "../components/login.jsx";
···
       setNotice(res.data.error);
       throw new Error(res.data.error);
     }
+    setPlaceholder(res.data.value);
     setExternalLink(checkUri(res.data.uri, res.data.value));
     resolveLexicon(params.collection as Nsid);
     verify(res.data);
···
     return res.data;
   };
 
+  const [record, { refetch }] = createResource(fetchRecord);
+
   const verify = async (record: {
     uri: ResourceUri;
     value: Record<string, unknown>;
···
       setLexiconUri(`at://${res}/com.atproto.lexicon.schema/${nsid}`);
     } catch {}
   };
-
-  const [record, { refetch }] = createResource(fetchRecord);
 
   const deleteRecord = async () => {
     rpc = new Client({ handler: agent()! });