Fix Athenz new Role UI reported issues (AthenZ#1287)

* Fix Athenz new Role UI reported issues * update snapshots Co-authored-by: dma <[email protected]>
Visva92 · Feb 11, 2021 · 68df60a · 68df60a
1 parent 268e9f4
commit 68df60a
Show file tree

Hide file tree

Showing 18 changed files with 975 additions and 848 deletions.
diff --git a/ui/src/__tests__/components/group/__snapshots__/GroupRow.test.js.snap b/ui/src/__tests__/components/group/__snapshots__/GroupRow.test.js.snap
@@ -10,7 +10,7 @@ exports[`GroupRow should render 1`] = `
   border-image: none;
   -webkit-border-image: initial;
   border-image: initial;
-  height: 50px;
+  padding: 5px 0 5px 15px;
 }
 
 .emotion-2 {
@@ -138,6 +138,30 @@ exports[`GroupRow should render 1`] = `
       </svg>
     </span>
   </td>
+  <td
+    class="emotion-6 emotion-3"
+    color="#3570f40D"
+  >
+    <span>
+      <svg
+        class="emotion-12"
+        data-testid="icon"
+        height="1.25em"
+        viewBox="0 0 1024 1024"
+        width="1.25em"
+      >
+        <title>
+          time-history
+        </title>
+        <path
+          d="M981.333 512c-1.127 258.351-210.821 467.35-469.329 467.35-183.080 0-341.676-104.828-419.040-257.735l-1.23-2.682c-3.724-6.205-5.927-13.692-5.927-21.694 0-13.702 6.458-25.895 16.497-33.701l0.096-0.072c7.082-5.427 16.067-8.696 25.816-8.696 16.626 0 31.031 9.51 38.072 23.387l0.112 0.243c63.468 129.74 194.499 217.51 346.030 217.51 212.077 0 384-171.923 384-384s-171.923-384-384-384c-113.597 0-215.674 49.327-285.979 127.729l-0.318 0.361h113.067c0.244-0.005 0.531-0.007 0.819-0.007 21.726 0 39.84 15.466 43.934 35.989l0.048 0.286c0.307 1.924 0.483 4.143 0.483 6.403 0 23.564-19.103 42.667-42.667 42.667-0.17 0-0.34-0.001-0.509-0.003l0.026 0h-213.333c-23.564 0-42.667-19.103-42.667-42.667v0-211.2c-0.005-0.244-0.007-0.531-0.007-0.819 0-21.726 15.466-39.84 35.989-43.934l0.286-0.048c1.924-0.307 4.143-0.483 6.403-0.483 23.564 0 42.667 19.103 42.667 42.667 0 0.17-0.001 0.34-0.003 0.509l0-0.026v104.533c85.767-90.732 206.955-147.207 341.333-147.207 259.206 0 469.333 210.128 469.333 469.333 0 0.003-0 0.005-0 0.008l0-0.001z"
+        />
+        <path
+          d="M725.333 682.667c-0.223 0.005-0.486 0.008-0.749 0.008-7.696 0-14.832-2.397-20.703-6.486l0.118 0.078-234.667-140.8v-236.8c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 189.867l192 115.2c12.808 6.981 21.354 20.347 21.354 35.708 0 8.131-2.394 15.703-6.516 22.049l0.096-0.157c-6.984 12.799-20.345 21.337-35.7 21.337-0.199 0-0.398-0.001-0.597-0.004l0.030 0z"
+        />
+      </svg>
+    </span>
+  </td>
   <td
     class="emotion-6 emotion-3"
     color="#3570f40D"

diff --git a/ui/src/__tests__/components/group/__snapshots__/GroupTable.test.js.snap b/ui/src/__tests__/components/group/__snapshots__/GroupTable.test.js.snap
@@ -34,7 +34,7 @@ exports[`GroupTable should render 1`] = `
   word-break: break-all;
 }
 
-.emotion-16 {
+.emotion-18 {
   box-sizing: border-box;
   margin-top: 10px;
   box-shadow: 0 1px 4px #d9d9d9;
@@ -43,28 +43,28 @@ exports[`GroupTable should render 1`] = `
   border-image: none;
   -webkit-border-image: initial;
   border-image: initial;
-  height: 50px;
+  padding: 5px 0 5px 15px;
 }
 
-.emotion-18 {
+.emotion-20 {
   text-align: left;
   padding: 5px 0 5px 15px;
   vertical-align: middle;
   word-break: break-all;
 }
 
-.emotion-20 {
+.emotion-22 {
   padding-left: 20px;
 }
 
-.emotion-22 {
+.emotion-24 {
   text-align: center;
   padding: 5px 0 5px 15px;
   vertical-align: middle;
   word-break: break-all;
 }
 
-.emotion-28 {
+.emotion-30 {
   fill: #188fff;
   cursor: pointer;
   vertical-align: text-bottom;
@@ -85,16 +85,19 @@ exports[`GroupTable should render 1`] = `
       style="width: 15%;"
     />
     <col
-      style="width: 10%;"
+      style="width: 8%;"
     />
     <col
-      style="width: 10%;"
+      style="width: 8%;"
     />
     <col
-      style="width: 10%;"
+      style="width: 8%;"
     />
     <col
-      style="width: 10%;"
+      style="width: 8%;"
+    />
+    <col
+      style="width: 8%;"
     />
   </colgroup>
   <thead>
@@ -129,6 +132,11 @@ exports[`GroupTable should render 1`] = `
       >
         Settings
       </th>
+      <th
+        class="emotion-4 emotion-5"
+      >
+        History
+      </th>
       <th
         class="emotion-4 emotion-5"
       >
@@ -138,39 +146,39 @@ exports[`GroupTable should render 1`] = `
   </thead>
   <tbody>
     <tr
-      class="emotion-16 emotion-17"
+      class="emotion-18 emotion-19"
       data-testid="group-row"
     >
       <td
-        class="emotion-18 emotion-19"
+        class="emotion-20 emotion-21"
         color=""
       >
         
         <span
-          class="emotion-20 emotion-21"
+          class="emotion-22 emotion-23"
         >
            a
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         Invalid date
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         N/A
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -192,12 +200,12 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -213,12 +221,12 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -237,12 +245,36 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
+            data-testid="icon"
+            height="1.25em"
+            viewBox="0 0 1024 1024"
+            width="1.25em"
+          >
+            <title>
+              time-history
+            </title>
+            <path
+              d="M981.333 512c-1.127 258.351-210.821 467.35-469.329 467.35-183.080 0-341.676-104.828-419.040-257.735l-1.23-2.682c-3.724-6.205-5.927-13.692-5.927-21.694 0-13.702 6.458-25.895 16.497-33.701l0.096-0.072c7.082-5.427 16.067-8.696 25.816-8.696 16.626 0 31.031 9.51 38.072 23.387l0.112 0.243c63.468 129.74 194.499 217.51 346.030 217.51 212.077 0 384-171.923 384-384s-171.923-384-384-384c-113.597 0-215.674 49.327-285.979 127.729l-0.318 0.361h113.067c0.244-0.005 0.531-0.007 0.819-0.007 21.726 0 39.84 15.466 43.934 35.989l0.048 0.286c0.307 1.924 0.483 4.143 0.483 6.403 0 23.564-19.103 42.667-42.667 42.667-0.17 0-0.34-0.001-0.509-0.003l0.026 0h-213.333c-23.564 0-42.667-19.103-42.667-42.667v0-211.2c-0.005-0.244-0.007-0.531-0.007-0.819 0-21.726 15.466-39.84 35.989-43.934l0.286-0.048c1.924-0.307 4.143-0.483 6.403-0.483 23.564 0 42.667 19.103 42.667 42.667 0 0.17-0.001 0.34-0.003 0.509l0-0.026v104.533c85.767-90.732 206.955-147.207 341.333-147.207 259.206 0 469.333 210.128 469.333 469.333 0 0.003-0 0.005-0 0.008l0-0.001z"
+            />
+            <path
+              d="M725.333 682.667c-0.223 0.005-0.486 0.008-0.749 0.008-7.696 0-14.832-2.397-20.703-6.486l0.118 0.078-234.667-140.8v-236.8c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 189.867l192 115.2c12.808 6.981 21.354 20.347 21.354 35.708 0 8.131-2.394 15.703-6.516 22.049l0.096-0.157c-6.984 12.799-20.345 21.337-35.7 21.337-0.199 0-0.398-0.001-0.597-0.004l0.030 0z"
+            />
+          </svg>
+        </span>
+      </td>
+      <td
+        class="emotion-24 emotion-21"
+        color=""
+      >
+        <span>
+          <svg
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -262,39 +294,39 @@ exports[`GroupTable should render 1`] = `
       </td>
     </tr>
     <tr
-      class="emotion-16 emotion-17"
+      class="emotion-18 emotion-19"
       data-testid="group-row"
     >
       <td
-        class="emotion-18 emotion-19"
+        class="emotion-20 emotion-21"
         color=""
       >
         
         <span
-          class="emotion-20 emotion-21"
+          class="emotion-22 emotion-23"
         >
            b
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         Invalid date
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         N/A
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -316,12 +348,12 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -337,12 +369,12 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"
@@ -361,12 +393,36 @@ exports[`GroupTable should render 1`] = `
         </span>
       </td>
       <td
-        class="emotion-22 emotion-19"
+        class="emotion-24 emotion-21"
+        color=""
+      >
+        <span>
+          <svg
+            class="emotion-30"
+            data-testid="icon"
+            height="1.25em"
+            viewBox="0 0 1024 1024"
+            width="1.25em"
+          >
+            <title>
+              time-history
+            </title>
+            <path
+              d="M981.333 512c-1.127 258.351-210.821 467.35-469.329 467.35-183.080 0-341.676-104.828-419.040-257.735l-1.23-2.682c-3.724-6.205-5.927-13.692-5.927-21.694 0-13.702 6.458-25.895 16.497-33.701l0.096-0.072c7.082-5.427 16.067-8.696 25.816-8.696 16.626 0 31.031 9.51 38.072 23.387l0.112 0.243c63.468 129.74 194.499 217.51 346.030 217.51 212.077 0 384-171.923 384-384s-171.923-384-384-384c-113.597 0-215.674 49.327-285.979 127.729l-0.318 0.361h113.067c0.244-0.005 0.531-0.007 0.819-0.007 21.726 0 39.84 15.466 43.934 35.989l0.048 0.286c0.307 1.924 0.483 4.143 0.483 6.403 0 23.564-19.103 42.667-42.667 42.667-0.17 0-0.34-0.001-0.509-0.003l0.026 0h-213.333c-23.564 0-42.667-19.103-42.667-42.667v0-211.2c-0.005-0.244-0.007-0.531-0.007-0.819 0-21.726 15.466-39.84 35.989-43.934l0.286-0.048c1.924-0.307 4.143-0.483 6.403-0.483 23.564 0 42.667 19.103 42.667 42.667 0 0.17-0.001 0.34-0.003 0.509l0-0.026v104.533c85.767-90.732 206.955-147.207 341.333-147.207 259.206 0 469.333 210.128 469.333 469.333 0 0.003-0 0.005-0 0.008l0-0.001z"
+            />
+            <path
+              d="M725.333 682.667c-0.223 0.005-0.486 0.008-0.749 0.008-7.696 0-14.832-2.397-20.703-6.486l0.118 0.078-234.667-140.8v-236.8c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 189.867l192 115.2c12.808 6.981 21.354 20.347 21.354 35.708 0 8.131-2.394 15.703-6.516 22.049l0.096-0.157c-6.984 12.799-20.345 21.337-35.7 21.337-0.199 0-0.398-0.001-0.597-0.004l0.030 0z"
+            />
+          </svg>
+        </span>
+      </td>
+      <td
+        class="emotion-24 emotion-21"
         color=""
       >
         <span>
           <svg
-            class="emotion-28"
+            class="emotion-30"
             data-testid="icon"
             height="1.25em"
             viewBox="0 0 1024 1024"