2 files changed, 11 insertions, 3 deletions
diff --git a/client/src/components/Editor/Editor.jsx b/client/src/components/Editor/Editor.jsx
index 0bb046e..dd07e5f 100644
--- a/client/src/components/Editor/Editor.jsx
+++ b/client/src/components/Editor/Editor.jsx
@@ -25,6 +25,10 @@ const Editor = () => {
   };
 
   const handleClick = async () => {
+    if (!text) {
+      alert("Please enter some text!");
+      return;
+    }
     const response = await fetch(`${SERVER_BASE_URL}/bin`, {
       method: "POST",
       headers: {
diff --git a/client/src/components/Editor/Editor.module.css b/client/src/components/Editor/Editor.module.css
index 2e42978..02ac7b3 100644
--- a/client/src/components/Editor/Editor.module.css
+++ b/client/src/components/Editor/Editor.module.css
@@ -29,6 +29,7 @@
   font-size: 16px;
   line-height: 1.5rem;
   text-align: right;
+  color: var(--color-light);
 }
 
 .codespace {
@@ -39,7 +40,7 @@
 }
 
 .codespace__textarea {
-  caret-color: white;
+  caret-color: var(--color-light);
   background: transparent;
   position: absolute;
   color: transparent;
@@ -70,16 +71,19 @@
   right: 3rem;
   height: 6rem;
   width: 6rem;
-  background-color: #ebdbb2;
-  color: white;
+  background-color: var(--color-yellow);
   border: none;
   border-radius: 50%;
   cursor: pointer;
   transition: 0.3s;
   z-index: 1;
+  &:hover {
+    transform: scale(1.1);
+  }
 }
 
 .btn__icon {
   height: 3rem;
   width: 3rem;
+  filter: invert(11%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(100%) contrast(88%);
 }