fix: updated placeholders of markdown+latex editors

client/components/MarkdownEditor.tsx

@@ -9,7 +9,7 @@ type Props = {
 }
 
 export const MarkdownEditor = ({ placeholder, source, setSource }: Props) => {
-    placeholder ??= 'Scrivi qualcosa...'
+    placeholder ??= 'Scrivi qualcosa in markdown e latex...'
 
     const editorRef = useRef<HTMLTextAreaElement>(null)
 
@@ -41,7 +41,7 @@ export const MarkdownEditor = ({ placeholder, source, setSource }: Props) => {
             <div class="preview">
                 <div class="label">Preview</div>
                 <div class="preview-content">
-                    {source.trim().length ? <Markdown source={source} /> : <div class="placeholder">{placeholder}</div>}
+                    {source.trim().length ? <Markdown source={source} /> : <div class="placeholder">Qui comparirà la preview di ciò che scrivi...</div>}
                 </div>
             </div>
         </div>

client/pages/AdminPage.tsx

@@ -49,7 +49,7 @@ const CreateProblem = ({}) => {
             </div>
             <div class="col">
                 <label>Testo</label>
-                <MarkdownEditor placeholder="Scrivi un nuovo problema..." {...{ source, setSource }} />
+                <MarkdownEditor placeholder="Scrivi un nuovo problema in markdown e latex..." {...{ source, setSource }} />
             </div>
             <button onClick={handleCreateProblem}>Aggiungi Problema</button>
         </div>

client/pages/ProblemPage.tsx

@@ -117,7 +117,7 @@ export const ProblemPage = ({ id }: RouteProps) => {
                             />
                         </div>
                         <MarkdownEditor
-                            placeholder="Modifica testo del problema..."
+                            placeholder="Modifica testo del problema in markdown e latex..."
                             source={modifiedProblemSource}
                             setSource={setModifiedProblemSource}
                         />
@@ -176,7 +176,7 @@ export const ProblemPage = ({ id }: RouteProps) => {
                     <>
                         <hr />
                         <div class="subtitle">Invia una soluzione al problema</div>
-                        <MarkdownEditor placeholder="Scrivi una soluzione al problema..." {...{ source, setSource }} />
+                        <MarkdownEditor placeholder="Scrivi una soluzione al problema in markdown e latex..." {...{ source, setSource }} />
                         <button onClick={sendSolution}>Invia Soluzione</button>
                         <p class="icon-text">
                             <span class="material-symbols-outlined">warning</span>