fix feedback payload and style

fastrepl · Aug 22, 2024 · 74dc163 · 74dc163
1 parent 33b328e
commit 74dc163
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 9 deletions.
diff --git a/js/apps/docs/package.json b/js/apps/docs/package.json
@@ -17,7 +17,7 @@
     "vue": "^3.4.35"
   },
   "dependencies": {
-    "@getcanary/web": "^0.0.90",
+    "@getcanary/web": "^0.0.91",
     "@vercel/analytics": "^1.3.1",
     "chart.js": "^4.4.3",
     "timeago.js": "^4.0.2",

diff --git a/js/package-lock.json b/js/package-lock.json
diff --git a/js/packages/web/package.json b/js/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getcanary/web",
-  "version": "0.0.90",
+  "version": "0.0.91",
   "type": "module",
   "main": "dist/components/canary-root.js",
   "files": [

diff --git a/js/packages/web/src/components/canary-feedback-page.ts b/js/packages/web/src/components/canary-feedback-page.ts
@@ -54,8 +54,8 @@ export class CanaryFeedbackPage extends LitElement {
       ) => {
         const response = await fetch(`${endpoint}/api/v1/feedback/page`, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ key, url, score }),
+          headers: { "Content-Type": "application/json", "Authorization": `Bearer ${key}` },
+          body: JSON.stringify({ url, score }),
           signal: withTimeout(signal, 2500),
         });
 

diff --git a/js/packages/web/src/components/canary-search-suggestions.ts b/js/packages/web/src/components/canary-search-suggestions.ts
@@ -52,9 +52,6 @@ export class CanarySearchSuggestions extends LitElement {
       .container {
         display: flex;
         flex-direction: column;
-
-        font-size: 0.875rem;
-        color: var(--canary-color-gray-10);
       }
 
       button {
@@ -84,6 +81,14 @@ export class CanarySearchSuggestions extends LitElement {
       .item:hover .arrow {
         opacity: 0.6;
       }
+
+      .message {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        font-size: 0.875rem;
+      }
     `,
   ];
 }