corrected components

SurveyFrontend/src/components/SurveyInfo/SurveyInfo.tsx

@@ -1,5 +1,6 @@
 import React, {useState} from "react";
 import styles from './SurveyInfo.module.css'
+import DescripButtonSvg from '../../../public/add_circle.svg?react'
 
 interface SurveyInfoProps {}
 
@@ -44,6 +45,37 @@ const SurveyInfo: React.FC<SurveyInfoProps> = () => {
         setShowDescriptionField(true);
     }
 
+    const renderDescription = ()=> {
+        if (descriptionSurvey && !showDescriptionField) {
+            return (
+                <button className={styles.description} onClick={handleParagraphClick}>
+                    <p>{descriptionSurvey}</p>
+                </button>
+            );
+        } else if (showDescriptionField) {
+            return (
+                <p className={styles.description}>
+        <textarea
+            className={styles.textareaDescrip}
+            value={descriptionSurvey}
+            onChange={handleDescriptionChange}
+            onKeyDown={handleDescriptionKeyDown}
+        />
+                </p>
+            );
+        } else {
+            return (
+                <button
+                    className={styles.descripButton}
+                    onClick={handleAddDescriptionClick}
+                >
+                    <span className={styles.textButton}>Добавить описание</span>
+                    <DescripButtonSvg className={styles.descButtonImg}/>
+                </button>
+            );
+        }
+    }
+
     return (
         <div className={styles.blockInfo}>
             <div className={styles.info}>
@@ -57,28 +89,14 @@ const SurveyInfo: React.FC<SurveyInfoProps> = () => {
                             />
                         </h1>
                     ) : (
-                        <h1  className={styles.titleSurvey} onClick={handleAddNewTitleClick}>{titleSurvey}</h1>
+                        <button className={styles.titleSurvey} onClick={handleAddNewTitleClick}>
+                            <h1>{titleSurvey}</h1>
+                        </button>
                     )
                 }
 
-                {descriptionSurvey && !showDescriptionField ? (
-                    <p className={styles.description} onClick={handleParagraphClick}>{descriptionSurvey}</p>
-                ) : showDescriptionField ? (
-                    <p className={styles.description}>
-                        <textarea className={styles.textareaDescrip}
-                            value={descriptionSurvey}
-                            onChange={handleDescriptionChange}
-                            onKeyDown={handleDescriptionKeyDown}
-                        />
-                    </p>
-                ) : (
-                    <button
-                        className={styles.descripButton}
-                        onClick={handleAddDescriptionClick}>
-                        <span className={styles.textButton}>Добавить описание</span>
-                        <img className={styles.descButtonImg} src='../../../public/add_circle.svg'/>
-                    </button>
-                )}
+                {renderDescription()}
+
             </div>
         </div>
     );