✨ Change team UI dropdown refactor

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

@@ -88,6 +88,32 @@
       display: flex;
       height: 48px;
       align-items: center;
+      
+      &.action {        
+        .team-icon {
+          border-radius: 50%;
+          background-color: $color-gray-10;
+          height: 24px;
+          margin-right: 10px;
+          padding: 6px;
+          width: 24px;
+          
+          svg {
+            height: 12px;
+            width: 12px;
+          }
+        }
+        
+        &:hover {
+          .team-icon {
+            background-color: $color-primary;
+          }
+        }
+
+        .team-text {
+          width: 150px;
+        }
+      }
 
       .team-icon {
         display: flex;
@@ -113,6 +139,13 @@
         @include text-ellipsis;
         width: 130px;
       }
+
+      .icon {
+        margin-left: auto;
+        svg {
+          fill: $color-gray-60;
+        }
+      }
     }
 
     .switch-icon {

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

@@ -217,8 +217,6 @@
            (st/emit! (dd/go-to-projects team-id))))]
 
     [:ul.dropdown.teams-dropdown
-     [:li.title (tr "dashboard.switch-team")]
-     [:hr]
      [:li.team-name {:on-click (partial team-selected (:default-team-id profile))}
       [:span.team-icon i/logo-icon]
       [:span.team-text (tr "dashboard.your-penpot")]
@@ -236,7 +234,7 @@
 
      [:hr]
      [:li.team-name.action {:on-click on-create-clicked :data-test "create-new-team"}
-      [:span.team-icon i/close]
+      [:span.team-icon.new-team i/close]
       [:span.team-text (tr "dashboard.create-new-team")]]]))
 
 (s/def ::member-id ::us/uuid)

frontend/translations/ar.po

@@ -460,10 +460,6 @@ msgstr "تم نقل الملفات بنجاح"
 msgid "dashboard.success-move-project"
 msgstr "تم نقل مشروعك بنجاح"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "تبديل الفريق"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "معلومات الفريق"

frontend/translations/ca.po

@@ -240,7 +240,7 @@ msgstr "(còpia)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Crea un equip nou"
+msgstr "Crea un equip nou"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -597,10 +597,6 @@ msgstr "S'han mogut els fitxers"
 msgid "dashboard.success-move-project"
 msgstr "S'ha mogut el projecte"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Canvieu d'equip"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Informació de l'equip"

frontend/translations/da.po

@@ -361,10 +361,6 @@ msgstr "Dine filer er blevet flyttet med succes"
 msgid "dashboard.success-move-project"
 msgstr "Dit projekt er blevet flyttet med succes"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Skift team"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Team info"

frontend/translations/de.po

@@ -608,10 +608,6 @@ msgstr "Ihre Dateien wurden erfolgreich verschoben"
 msgid "dashboard.success-move-project"
 msgstr "Ihr Projekt wurde erfolgreich verschoben"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Team wechseln"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Teaminformationen"

frontend/translations/el.po

@@ -322,10 +322,6 @@ msgstr "Το έργο σας μετακινήθηκε με επιτυχία"
 msgid "dashboard.success-move-project"
 msgstr "Το έργο σας μετακινήθηκε με επιτυχία"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Αλλαγή εξοπλισμού"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Πληροφορίες ομάδας"

frontend/translations/en.po

@@ -284,7 +284,7 @@ msgstr "(copy)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Create new team"
+msgstr "Create new team"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -646,10 +646,6 @@ msgstr "Your files have been moved successfully"
 msgid "dashboard.success-move-project"
 msgstr "Your project has been moved successfully"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Switch team"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Team info"

frontend/translations/es.po

@@ -290,7 +290,7 @@ msgstr "(copia)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Crear nuevo equipo"
+msgstr "Crear nuevo equipo"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -662,10 +662,6 @@ msgstr "Tus archivos han sido movidos con éxito"
 msgid "dashboard.success-move-project"
 msgstr "Tu proyecto ha sido movido con éxito"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Cambiar equipo"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Información del equipo"

frontend/translations/eu.po

@@ -592,10 +592,6 @@ msgstr "Zure fitxategiak ondo mugitu dira"
 msgid "dashboard.success-move-project"
 msgstr "Zure proiektua ondo mugitu da"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Aldatu taldea"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Taldearen informazioa"

frontend/translations/fa.po

@@ -614,10 +614,6 @@ msgstr "فایل‌های شما با موفقیت منتقل شدند"
 msgid "dashboard.success-move-project"
 msgstr "پروژه شما با موفقیت منتقل شد"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "تغییر تیم"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "اطلاعات تیم"

frontend/translations/fr.po

@@ -242,7 +242,7 @@ msgstr "(copie)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Créer nouvelle équipe"
+msgstr "Créer nouvelle équipe"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -611,10 +611,6 @@ msgstr "Vos fichiers ont été déplacés avec succès"
 msgid "dashboard.success-move-project"
 msgstr "Votre projet a été déplacé avec succès"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Changer d’équipe"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Information de l’équipe"

frontend/translations/gl.po

@@ -222,7 +222,7 @@ msgstr "(copia)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Crear novo equipo"
+msgstr "Crear novo equipo"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"

frontend/translations/he.po

@@ -587,10 +587,6 @@ msgstr "הקבצים שלך הועברו בהצלחה"
 msgid "dashboard.success-move-project"
 msgstr "המיזם שלך הועבר בהצלחה"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "לעבור צוות"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "פרטי הצוות"

frontend/translations/it.po

@@ -236,7 +236,7 @@ msgstr "(copia)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Crea un nuovo team"
+msgstr "Crea un nuovo team"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -580,10 +580,6 @@ msgstr "I tuoi file sono stati spostati con successo"
 msgid "dashboard.success-move-project"
 msgstr "Il tuo progetto è stato spostato con successo"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Cambia team"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Informazioni sul team"

frontend/translations/jpn_JP.po

@@ -462,10 +462,6 @@ msgstr "ファイルを移動しました"
 msgid "dashboard.success-move-project"
 msgstr "ファイルを削除しました"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "チーム切り替え"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "チーム情報"

frontend/translations/nb_NO.po

@@ -170,10 +170,6 @@ msgstr "Velg drakt"
 msgid "dashboard.show-all-files"
 msgstr "Vis alle filer"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Bytt lag"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Laginfo"

frontend/translations/pl.po

@@ -555,10 +555,6 @@ msgstr "Twoje pliki został pomyślnie przeniesione"
 msgid "dashboard.success-move-project"
 msgstr "Twój projekt został pomyślnie przeniesiony"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Zmień zespół"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Informacje o zespole"

frontend/translations/pt_BR.po

@@ -226,7 +226,7 @@ msgstr "(copiar)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Criar nova equipe"
+msgstr "Criar nova equipe"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -490,10 +490,6 @@ msgstr "Seus arquivos foram movidos com sucesso"
 msgid "dashboard.success-move-project"
 msgstr "Seu projeto foi movido com sucesso"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Trocar de equipe"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Informação da equipe"

frontend/translations/ro.po

@@ -178,7 +178,7 @@ msgstr "(copiază)"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.create-new-team"
-msgstr "+ Creează o nouă echipă"
+msgstr "Creează o nouă echipă"
 
 #: src/app/main/ui/dashboard/sidebar.cljs
 msgid "dashboard.default-team-name"
@@ -364,10 +364,6 @@ msgstr "Fișerele au fost mutate cu succes"
 msgid "dashboard.success-move-project"
 msgstr "Proiectul a fost mutat cu succes"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Schimbă echipa"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Informațiile echipei"

frontend/translations/ru.po

@@ -502,10 +502,6 @@ msgstr "Ваши файлы перемещены"
 msgid "dashboard.success-move-project"
 msgstr "Ваш проект перемещён"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Сменить команду"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "О команде"

frontend/translations/tr.po

@@ -602,10 +602,6 @@ msgstr "Dosyaların başarıyla taşındı"
 msgid "dashboard.success-move-project"
 msgstr "Projen başarıyla taşındı"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "Takım değiştir"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "Takım bilgisi"

frontend/translations/zh_CN.po

@@ -530,10 +530,6 @@ msgstr "成功移动了文件"
 msgid "dashboard.success-move-project"
 msgstr "成功移动了项目"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "切换团队"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "团队信息"

frontend/translations/zh_Hant.po

@@ -440,10 +440,6 @@ msgstr "已成功移動您的檔案"
 msgid "dashboard.success-move-project"
 msgstr "已成功移動您的專案"
 
-#: src/app/main/ui/dashboard/sidebar.cljs
-msgid "dashboard.switch-team"
-msgstr "切換團隊"
-
 #: src/app/main/ui/dashboard/team.cljs
 msgid "dashboard.team-info"
 msgstr "團隊資訊"