From ce5987b70d33784bec1dba65ee488e2ff00a4222 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 30 May 2023 22:44:40 +0200
Subject: [PATCH] Updated the Encoder.jsx

---
 client/src/pages/tools/base64/{ => Encoder}/Encoder.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)
 rename client/src/pages/tools/base64/{ => Encoder}/Encoder.jsx (84%)

diff --git a/client/src/pages/tools/base64/Encoder.jsx b/client/src/pages/tools/base64/Encoder/Encoder.jsx
similarity index 84%
rename from client/src/pages/tools/base64/Encoder.jsx
rename to client/src/pages/tools/base64/Encoder/Encoder.jsx
index 1300579..7d1c818 100644
--- a/client/src/pages/tools/base64/Encoder.jsx
+++ b/client/src/pages/tools/base64/Encoder/Encoder.jsx
@@ -3,8 +3,9 @@ import {useSearchParams} from "react-router-dom";
 import {Buffer} from "buffer";
 import Button from "@/common/components/Button";
 import {faCopy, faShare} from "@fortawesome/free-solid-svg-icons";
-import InfoArea from "@/common/components/InfoArea/index.js";
+import InfoArea from "@/common/components/InfoArea";
 import "./styles.sass";
+import TextArea from "@/pages/tools/base64/components/TextArea";
 
 export const Encoder = () => {
     const [searchParams] = useSearchParams();
@@ -32,11 +33,11 @@ export const Encoder = () => {
 
             <div className="base64-encoder">
                 <h2>Eingabe-Text</h2>
-                <textarea className="area" rows="10" value={inputString} onChange={(e) => setInputString(e.target.value)} />
+                <TextArea value={inputString} onChange={(e) => setInputString(e.target.value)} />
 
                 {outputString !== "" && <>
                     <h2>Ausgabe-Text</h2>
-                    <textarea className="area" rows="10" value={outputString} readOnly />
+                    <TextArea value={outputString} readOnly />
                 </>}
             </div>
         </>