enhancement(builds): tweak no builds message (#102)

go-vela · Feb 13, 2020 · a4fad1d · a4fad1d
1 parent 322f07c
commit a4fad1d
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 13 deletions.
diff --git a/src/elm/Pages/Builds.elm b/src/elm/Pages/Builds.elm
@@ -6,29 +6,62 @@ Use of this source code is governed by the LICENSE file in this repository.
 
 module Pages.Builds exposing (view)
 
-import Html exposing (Html, div, h1, p, text)
-import Html.Attributes exposing (class)
+import Html
+    exposing
+        ( Html
+        , a
+        , br
+        , code
+        , div
+        , em
+        , h1
+        , li
+        , ol
+        , p
+        , text
+        )
+import Html.Attributes exposing (class, href)
 import Pages.Build exposing (viewPreview)
 import RemoteData exposing (RemoteData(..))
 import Time exposing (Posix)
 import Util exposing (largeLoader)
-import Vela exposing (BuildsModel)
+import Vela exposing (BuildsModel, Org, Repo)
 
 
 {-| view : takes org and repo and renders build previews
 -}
-view : BuildsModel -> Posix -> String -> String -> Html msg
+view : BuildsModel -> Posix -> Org -> Repo -> Html msg
 view buildsModel now org repo =
     let
+        settingsLink : String
+        settingsLink =
+            "/" ++ String.join "/" [ org, repo ] ++ "/settings"
+
+        none : Html msg
         none =
             div []
-                [ h1 []
-                    [ text "No Builds Found"
-                    ]
-                , p []
-                    [ text <|
-                        "Builds sent to Vela will show up here."
+                [ h1 [] [ text "Your respository has been added!" ]
+                , p [] [ text "Builds will show up here once you have:" ]
+                , ol [ class "list" ]
+                    [ li []
+                        [ text "A "
+                        , code [] [ text ".vela.yml" ]
+                        , text " file that describes your build pipeline in the root of your repository."
+                        , br [] []
+                        , a [ href "https://go-vela.github.io/docs/usage/getting-started/write_pipeline/" ] [ text "Review the documentation" ]
+                        , text " for help or "
+                        , a [ href "https://go-vela.github.io/docs/usage/pipeline/examples/" ] [ text "check some of the pipeline examples" ]
+                        , text "."
+                        ]
+                    , li []
+                        [ text "Triggered one of the "
+                        , a [ href settingsLink ] [ text "configured webhook events" ]
+                        , text " by performing the respective action via "
+                        , em [] [ text "Git" ]
+                        , text "."
+                        ]
                     ]
+                , p [] [ text "Happy building!" ]
                 ]
     in
     case buildsModel.builds of

diff --git a/src/scss/_main.scss b/src/scss/_main.scss
@@ -555,8 +555,8 @@ nav {
   align-items: center;
 
   &.-no-pad {
-    padding: 0;
     margin: 0;
+    padding: 0;
   }
 }
 
@@ -569,8 +569,8 @@ nav {
 }
 
 .recent-build-link {
-  /* 
-    maintain link functionality when 
+  /*
+    maintain link functionality when
     using pointer-events: none; on the container
   */
   pointer-events: initial;
@@ -1166,3 +1166,12 @@ nav {
 
   background: var(--color-bg-light);
 }
+
+// class for basic list styling
+.list {
+  font-size: 1rem;
+
+  li {
+    margin-bottom: 1rem;
+  }
+}