Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 09:08:31 -05:00
Code Issues Activity

🎉 Add search section title

Browse source
This commit is contained in:
elhombretecla 2020-12-09 22:39:37 +01:00 • committed by Alonso Torres
parent 686e9b64ef
commit dbf67dc47b
3 changed files with 37 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/resources/locales.json
View file

@ -460,6 +460,16 @@
"es" : "+ Nuevo proyecto"
}
},
"dashboard.title-search" : {
"used-in" : [ "src/app/main/ui/dashboard/search.cljs:37" ],
"translations" : {
"en" : "Search results",
"fr" : "Résultats de recherche",
"ru" : "Результаты поиска",
"es" : "Resultados de búsqueda"
}
},
"dashboard.no-matches-for" : {
"used-in" : [ "src/app/main/ui/dashboard/search.cljs:48" ],
"translations" : {

7
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -56,7 +56,7 @@
display: flex;
width: 100%;
border: 1px solid $color-gray-10;
border-radius: 6px;
border-radius: $br-medium;
align-items: center;
}
@ -254,13 +254,14 @@
.sidebar-search {
align-items: center;
background-color: $color-white;
border: 1px solid $color-gray-10;
border-radius: 4px;
border-radius: $br-medium;
display: flex;
margin: 5px 15px;
.input-text {
background: $color-white;
background: transparent;
border: 0;
color: $color-gray-60;
font-size: $fs14;

40
frontend/src/app/main/ui/dashboard/search.cljs
View file

@ -17,6 +17,7 @@
[okulary.core :as l]
[rumext.alpha :as mf]))
(def result-ref
(l/derived (l/in [:dashboard-local :search-result]) st/state))
@ -30,23 +31,28 @@
(st/emitf (dd/search-files {:team-id (:id team)
:search-term search-term})))
[:section.dashboard-container.search
(cond
(empty? search-term)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.type-something")]]
[:*
[:header.dashboard-header
[:div.dashboard-title
[:h1 (t locale "dashboard.title-search")]]]
(nil? result)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.searching-for" search-term)]]
[:section.dashboard-container.search
(cond
(empty? search-term)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.type-something")]]
(empty? result)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.no-matches-for" search-term)]]
(nil? result)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.searching-for" search-term)]]
:else
[:& grid {:files result
:hide-new? true}])]))
(empty? result)
[:div.grid-empty-placeholder
[:div.icon i/search]
[:div.text (t locale "dashboard.no-matches-for" search-term)]]
:else
[:& grid {:files result
:hide-new? true}])]]))