🎉 Add feedback link to workspace

frontend/resources/locales.json

@@ -2377,13 +2377,22 @@
       "es" : "Desactivar alineamiento dinámico"
     }
   },
+  "workspace.header.menu.feedback" : {
+    "used-in" : [ "src/app/main/ui/workspace/header.cljs:228" ],
+    "translations" : {
+      "en" : "Give feedback",
+      "fr" : "Donnez votre avis",
+      "ru" : "Дать обратную связь",
+      "es" : "Danos tu opinión"
+    }
+  },
   "workspace.header.menu.disable-snap-grid" : {
     "used-in" : [ "src/app/main/ui/workspace/header.cljs:186" ],
     "translations" : {
-      "en" : "Disable snap to grid",
+      "en" : "Give feedback",
       "fr" : "Désactiver l'alignement sur la grille",
       "ru" : "Отключить привязку к сетке",
-      "es" : "Desactivar alinear a la rejilla"
+      "es" : "Danos tu opinion"
     }
   },
   "workspace.header.menu.enable-dynamic-alignment" : {

frontend/resources/styles/main/partials/dashboard-sidebar.scss

@@ -370,8 +370,7 @@
     display: flex;
     flex-grow: 1;
 
-    span,
-    a {
+    span {
       @include text-ellipsis;
       color: $color-black;
       margin: 10px 5px;
@@ -420,11 +419,11 @@
   }
 }
 
-span.primary-badge {
+.primary-badge {
   border: 1px solid $color-primary;
   border-radius: 2px;
   font-size: $fs9 !important;
   font-weight: bold;
   color: $color-primary !important;
-  padding: 2px 2px;
+  padding: 2px 4px;
 }

frontend/resources/styles/main/partials/workspace-header.scss

@@ -171,6 +171,10 @@
       &:hover {
         background-color: $color-primary-lighter;
       }
+
+      &.feedback {
+        border-top: 1px solid $color-gray-10;
+      }
     }
   }
 

frontend/src/app/main/ui/dashboard/sidebar.cljs

@@ -454,9 +454,9 @@
        [:li {:on-click (partial on-click (da/logout))}
         [:span.icon i/exit]
         [:span.text (t locale "labels.logout")]]
-       [:li.feedback
+       [:li.feedback {:on-click #(.open js/window "https://github.com/penpot/penpot/discussions" "_blank")}
         [:span.icon i/msg-info]
-        [:a.text {:href "https://github.com/penpot/penpot/discussions" :target "_blank"} (t locale "labels.feedback")]
+        [:span.text (t locale "labels.feedback")]
         [:span.primary-badge "ALPHA"]]]]]
 
      (when (and team profile)

frontend/src/app/main/ui/workspace/header.cljs

@@ -223,6 +223,10 @@
           [:span (tr "dashboard.remove-shared")]]
          [:li {:on-click on-add-shared}
           [:span (tr "dashboard.add-shared")]])
+
+       [:li.feedback {:on-click #(.open js/window "https://github.com/penpot/penpot/discussions" "_blank")}
+        [:span (tr "workspace.header.menu.feedback")]
+        [:span.primary-badge "ALPHA"]]
        ]]]))
 
 ;; --- Header Component