Added empty member activity UI

app/components/gh-event-timeline.hbs

@@ -1,4 +1,10 @@
 <div class="gh-event-timeline">
+    {{#unless this.parsedEvents}}
+        <div class="gh-no-data-list">
+            {{svg-jar "no-data-list"}}
+            <span>No member activity available.</span>
+        </div>
+    {{/unless}}
     <ul class="gh-dashboard-activity-feed">
         {{#each this.parsedEvents as |event|}}
         <li>

app/styles/layouts/dashboard.css

@@ -449,6 +449,11 @@
     margin: 0;
 }
 
+.gh-dashboard-box.activity-feed .gh-dashboard-header {
+    border-bottom: 1px solid var(--whitegrey-d2);
+    padding-bottom: 14px;
+}
+
 .gh-dashboard-activity-feed {
     display: flex;
     flex-direction: column;
@@ -498,6 +503,25 @@
     font-size: 1.3rem;
 }
 
+.gh-no-data-list {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--midgrey-l2);
+}
+
+.gh-no-data-list svg {
+    margin-top: 60px;
+    width: 80px;
+    height: auto;
+}
+
+.gh-no-data-list span {
+    margin-top: 16px;
+    font-size: 1.3rem;
+    margin-bottom: 50px;
+}
+
 @media (max-width: 1320px) {
     .gh-dashboard {
         grid-template-columns: 1fr 1fr;

public/assets/icons/no-data-list.svg

@@ -0,0 +1,8 @@
+<svg width="91" height="70" viewBox="0 0 91 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="65" width="35" height="5" rx="1" fill="#DDE1E5"/>
+<rect y="37" width="64" height="5" rx="1" fill="#DDE1E5"/>
+<rect y="9" width="44" height="5" rx="1" fill="#DDE1E5"/>
+<rect y="56" width="91" height="5" rx="1" fill="#DDE1E5"/>
+<rect y="28" width="91" height="5" rx="1" fill="#DDE1E5"/>
+<rect width="91" height="5" rx="1" fill="#DDE1E5"/>
+</svg>