From fb1f8f62635ae8d8279b9586db6480ad12818c89 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Sun, 25 Aug 2024 07:02:12 +0000
Subject: [PATCH] refactor: remove extra closing tags

Components without children can be self-closed to avoid the unnecessary extra closing tag. In JSX, closing tags are required when the component has children example `<MyComponent>...</MyComponent>` and if there are no child component between these tags, then this component can be self closed using `<MyComponent />`. It is recommended as it improves readability, and it is more compact to use self-closing for these types of components.
---
 src/components/AdsComponent/index.tsx | 2 +-
 src/pages/LiveEditor/BasicEditor.tsx  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AdsComponent/index.tsx b/src/components/AdsComponent/index.tsx
index 6d077663f..b93cac133 100644
--- a/src/components/AdsComponent/index.tsx
+++ b/src/components/AdsComponent/index.tsx
@@ -26,7 +26,7 @@ const AdsComponent = () => {
         data-ad-format="fluid"
         data-ad-client="ca-pub-5832817025080991"
         data-ad-slot="3270832720"
-      ></ins>
+       />
     </>
   );
 };
diff --git a/src/pages/LiveEditor/BasicEditor.tsx b/src/pages/LiveEditor/BasicEditor.tsx
index d61df6052..1eb165887 100644
--- a/src/pages/LiveEditor/BasicEditor.tsx
+++ b/src/pages/LiveEditor/BasicEditor.tsx
@@ -77,9 +77,9 @@ const BasicEditor= () => {
           <img src="https://cdn-icons-png.flaticon.com/128/9333/9333993.png" onClick={()=>setChecker(pre => ({...pre, settings: !pre.settings}))}  alt='settings'/>
           </div>
         </div>
-        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.html ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={html} placeholder="HTML" onChange={(e) => setHtml(e.target.value)}></textarea>
-        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.css ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={css} placeholder="CSS" onChange={(e) => setCss(e.target.value)}></textarea>
-        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.js ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={js} placeholder="JavaScript" onChange={(e) => setJs(e.target.value)}></textarea>
+        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.html ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={html} placeholder="HTML" onChange={(e) => setHtml(e.target.value)} />
+        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.css ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={css} placeholder="CSS" onChange={(e) => setCss(e.target.value)} />
+        <textarea style={{fontSize:`${checker.fontSize}pt`,color:checker.fontColor==false?"unset":checker.fontColor,background:checker.backcolor==false?"transparent":checker.backcolor}} className={checker.js ? 'editor_textarea_activate' : 'editor_textarea_deactivate'} value={js} placeholder="JavaScript" onChange={(e) => setJs(e.target.value)} />
       </div>
       <div className={style.browserWindow} style={{height:"35.3rem",flex:"1 0 30rem",marginTop:"1.3rem"}}>
       <div className={style.browserWindowHeader}>
@@ -97,7 +97,7 @@ const BasicEditor= () => {
         </div>
       </div>
  
-      <iframe ref={iframeRef} className='output_container' id="preview"></iframe> 
+      <iframe ref={iframeRef} className='output_container' id="preview" /> 
     </div>
     </div>
   );