Tweaks name of user attribute being passed and improves styling of launch page

Author: kevwhitt-hee

DigitalLearningSolutions.Web/Helpers/ExternalApis/TableauConnectionHelper.cs

@@ -42,7 +42,7 @@ public string GetTableauJwt(string email)
                 { "exp", new DateTimeOffset(DateTime.UtcNow.AddMinutes(5)).ToUnixTimeSeconds() },
                 { "sub", user },
                 { "scp", new[] { "tableau:views:embed" } },
-                { "UsersPrimaryEmail", email}
+                { "Email", email}
         };
             var token = new JwtSecurityToken(header, payload);
             var tokenHandler = new JwtSecurityTokenHandler();

DigitalLearningSolutions.Web/Views/TrackingSystem/Centre/SelfAssessmentReports/Index.cshtml

@@ -18,7 +18,12 @@
                 <span class="nhsuk-u-visually-hidden"> - </span>
             </span>@ViewData["Title"]
         </h1>
-        <p class="nhsuk-lede-text">Use this page to download Excel learner activity reports for competency self assessments at your centre.</p>
+        @if (Model.SelfAssessmentSelects.Any())
+        {
+            <vc:action-link asp-controller="SelfAssessmentReports" asp-action="TableauCompetencyDashboard" asp-all-route-data="@new Dictionary<string, string>();" link-text="View Tableau competency self assessment dashboard" />
+        }
+        <h2>Excel learner activity reports</h2>
+        <p class="nhsuk-lede-text">Download Excel competency self assessments activity reports for your centre.</p>
         <ul>
             <li>
                 <a asp-controller="SelfAssessmentReports" asp-action="DownloadDigitalCapabilityToExcel">Digital Skills Assessment Tool - Download report</a>
@@ -39,15 +44,9 @@
                         }
                     </li>
                 }
-                @if (Model.SelfAssessmentSelects.Any())
-                {
-                  <li>
-                    <a asp-controller="SelfAssessmentReports" asp-action="TableauCompetencyDashboard">@($"View Tableau Competency Dashboards")</a>
-                  </li>
-                }
             }
         </ul>
-        
+
 
     </div>
 </div>