Sarcastic Fix

m-a-y-a-n-k · Jan 22, 2023 · 971e886 · 971e886
1 parent 149d8b6
commit 971e886
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 5 deletions.
diff --git a/app/src/components/MicNotSupport.jsx b/app/src/components/MicNotSupport.jsx
@@ -58,15 +58,16 @@ const MicNotSupport = (props) => {
         onChange={(event) => {
           setText(event.target.value);
         }}
-        placeholder="Resize for more space"
+        placeholder="Resize from bottom right corner for more space"
         size="large"
         resize="both"
         style={{
           backgroundColor: "rgb(4, 3, 31)",
           color: text ? "white" : "rgb(175, 173, 209)",
           fontSize: "0.6em",
           padding: "12px 0 0 12px",
-          border: "none"
+          border: "none",
+          minWidth: 300,
         }}
       />
       <motion.div

diff --git a/app/src/config/feedbackText.js b/app/src/config/feedbackText.js
@@ -10,5 +10,9 @@ export const feebackTextConfig = {
   neutral: {
     feedback: "Your point is taken",
     ctaText: "Start Fresh"
+  },
+  mixed: {
+    feedback: "Not sure what that means. Sarcasm ?",
+    ctaText: "Clarify",
   }
 };
diff --git a/app/src/config/micSupport.js b/app/src/config/micSupport.js
@@ -14,8 +14,8 @@ export const micSupportConfig = {
       "Try enabling your mic and refresh the page or type below and submit instead"
   },
   explicit: {
-    feedback: "Like the old conventional way ?. Got you covered.",
+    feedback: "Like the old conventional way ? Got you covered",
     hint:
-      "Type below and submit. You can try out the mic also by tapping here."
+      "Type below and submit. You can try out the mic also by tapping here"
   },
 };
diff --git a/app/src/styles/Feedback.css b/app/src/styles/Feedback.css
@@ -19,5 +19,9 @@
 }
 
 .feedback-btn[data-user-feedback="neutral"] {
+  background-color: hsl(0, 80%, 17%);
+}
+
+.feedback-btn[data-user-feedback="mixed"] {
   background-color: hsl(34, 71%, 15%);
 }
diff --git a/app/src/styles/Landing.css b/app/src/styles/Landing.css
@@ -16,5 +16,9 @@
 }
 
 .Landing[data-user-feedback="neutral"] {
-  background-color: hsl(19, 93%, 48%);
+  background-color: hsl(0, 89%, 51%);
 }
+
+.Landing[data-user-feedback="mixed"] {
+  background-color: hsl(19, 93%, 48%);
+}