improve no repos message

go-vela · May 20, 2024 · 54b273c · 54b273c
1 parent 58d706b
commit 54b273c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/elm/Pages/Dashboards/Dashboard_.elm b/src/elm/Pages/Dashboards/Dashboard_.elm
@@ -16,6 +16,7 @@ import Html
         ( div
         , h1
         , main_
+        , code
         , span
         , text
         )
@@ -37,6 +38,8 @@ import Utils.Helpers as Util
 import Utils.Interval as Interval
 import Vela
 import View exposing (View)
+import Html exposing (p)
+import Html exposing (br)
 
 
 {-| page : takes user, shared model, route, and returns the dashboard page.
@@ -217,9 +220,13 @@ view shared route model =
                         [ h1 [ class "dashboard-title" ] [ text dashboard.dashboard.name ]
                         , div [ class "cards" ]
                             (if List.isEmpty dashboard.repos then
-                                [ span
+                                [ p
                                     []
-                                    [ text "This dashboard doesn't have repositories added yet." ]
+                                    [ text "This dashboard doesn't have repositories added yet. Add some with the CLI:"
+                                    , br [] []
+                                    , code [ class "shell" ] 
+                                        [ text ("vela update dashboard --id " ++ route.params.dashboard ++ " --add-repos org/repo") ]
+                                    ]
                                 ]
 
                              else

diff --git a/src/scss/_main.scss b/src/scss/_main.scss
@@ -1749,15 +1749,17 @@ details.build-toggle {
 code.shell {
   position: relative;
 
+  display: inline-block;
+  margin: 1rem 0;
   padding: 0.75rem 1rem 0.75rem 2rem;
-
+  
   background-color: var(--color-bg-dark);
 
   &::before {
     position: absolute;
     top: 50%;
     left: 0.8rem;
-
+    
     display: block;
 
     color: var(--color-green);