From f4fb0d88947cffceef712688aae04009951d9c26 Mon Sep 17 00:00:00 2001
From: Artemy <artegoser@gmail.com>
Date: Mon, 17 Oct 2022 17:21:43 +0300
Subject: [PATCH] perf: md rendering only if preview

---
 src/components/menu.jsx |  2 +-
 src/pages/create.jsx    | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/menu.jsx b/src/components/menu.jsx
index eeb1651..706a131 100644
--- a/src/components/menu.jsx
+++ b/src/components/menu.jsx
@@ -14,7 +14,7 @@ function Menu() {
             <MagnifyingGlassCircleIcon className="transform translate-z-0 h-7 w-7" />
           }
         >
-          Записки
+          Заметки
         </IconWithButton>
       </Button>
       <Button href="/">
diff --git a/src/pages/create.jsx b/src/pages/create.jsx
index 256337a..40cbab8 100644
--- a/src/pages/create.jsx
+++ b/src/pages/create.jsx
@@ -12,7 +12,7 @@ function CreateNote() {
     <div>
       <div className="grid grid-cols-1 lg:grid-cols-2">
         <h2 className="font-medium text-center lg:text-left leading-tight text-4xl mt-0 mb-2">
-          Написать записку
+          Написать заметку
         </h2>
         <CheckBox
           className="justify-self-center lg:justify-self-end"
@@ -22,11 +22,11 @@ function CreateNote() {
         />
       </div>
 
-      <div className="w-full md">
-        <ReactMarkdown className={!preview ? "hidden" : ""}>
-          {text}
-        </ReactMarkdown>
-      </div>
+      {preview && (
+        <div className="w-full md">
+          <ReactMarkdown>{text}</ReactMarkdown>
+        </div>
+      )}
 
       <textarea
         className={`
@@ -54,7 +54,7 @@ function CreateNote() {
           ${preview ? "hidden" : ""}
         `}
         rows="10"
-        placeholder="Ваша записка начинается здесь. Можно использовать markdown..."
+        placeholder="Ваша заметка начинается здесь. Можно использовать markdown..."
         maxLength={5000}
         onChange={(e) => {
           setText(e.target.value);
@@ -63,7 +63,7 @@ function CreateNote() {
       <div className="grid grid-cols-1 lg:grid-cols-2 justify-items-center w-full">
         <CheckBox
           className="justify-self-center lg:justify-self-start"
-          label="Публичная записка"
+          label="Публичная заметка"
           id="public"
           onClick={""}
           checked