add proctoring to credentials

konf/site.yaml

@@ -140,6 +140,19 @@ env:
       key: api-key
       name: trueability
 
+  - name: PROCTOR360_BASE_URL
+    value: https://prod1ext.proctor360.com
+
+  - name: PROCTOR360_APP_SECRET
+    secretKeyRef:
+      key: app-secret
+      name: proctor360
+
+  - name: PROCTOR360_APP_ID
+    secretKeyRef:
+      key: app-id
+      name: proctor360
+
 memoryLimit: 512Mi
 
 extraHosts:
@@ -275,7 +288,20 @@ production:
           secretKeyRef:
             key: api-key
             name: trueability
+
+        - name: PROCTOR360_BASE_URL
+          value: https://prod1ext.proctor360.com
 
+        - name: PROCTOR360_APP_SECRET
+          secretKeyRef:
+            key: app-secret
+            name: proctor360
+
+        - name: PROCTOR360_APP_ID
+          secretKeyRef:
+            key: app-id
+            name: proctor360
+
         - name: MARKETO_API_CLIENT
           secretKeyRef:
             key: api_client
@@ -667,6 +693,19 @@ staging:
         key: api-key
         name: trueability
 
+    - name: PROCTOR360_BASE_URL
+      value: https://prod1ext.proctor360.com
+
+    - name: PROCTOR360_APP_SECRET
+      secretKeyRef:
+        key: app-secret
+        name: proctor360
+
+    - name: PROCTOR360_APP_ID
+      secretKeyRef:
+        key: app-id
+        name: proctor360
+
     - name: TA_WEBHOOK_API_KEY
       secretKeyRef:
         key: webhook-secret
@@ -803,6 +842,19 @@ staging:
             key: api-key
             name: trueability
 
+        - name: PROCTOR360_BASE_URL
+          value: https://prod1ext.proctor360.com
+
+        - name: PROCTOR360_APP_SECRET
+          secretKeyRef:
+            key: app-secret
+            name: proctor360
+
+        - name: PROCTOR360_APP_ID
+          secretKeyRef:
+            key: app-id
+            name: proctor360
+
         - name: TA_WEBHOOK_API_KEY
           secretKeyRef:
             key: webhook-secret
@@ -1137,6 +1189,19 @@ demo:
         key: api-key
         name: trueability
 
+    - name: PROCTOR360_BASE_URL
+      value: https://prod1ext.proctor360.com
+
+    - name: PROCTOR360_APP_SECRET
+      secretKeyRef:
+        key: app-secret
+        name: proctor360
+
+    - name: PROCTOR360_APP_ID
+      secretKeyRef:
+        key: app-id
+        name: proctor360
+
     - name: CANONICAL_LOGIN_URL
       value: https://login.ubuntu.com/
 

static/js/src/advantage/credentials/dashboard/components/Sidebar/Sidebar.tsx

@@ -51,16 +51,18 @@ const Sidebar = () => {
 
   const systemStatus = useMemo(() => {
     const status: {
-      [key in "Trueability" | "Contracts"]: boolean;
+      [key in "Trueability" | "Contracts" | "Proctor360"]: boolean;
     } = {
       Trueability: false,
       Contracts: false,
+      Proctor360: false,
     };
 
     if (statuses && !isError) {
-      const { ta_status, contracts_status } = statuses;
+      const { ta_status, contracts_status, proctor_status } = statuses;
       status["Trueability"] = !ta_status?.error;
       status["Contracts"] = !contracts_status?.error;
+      status["Proctor360"] = !proctor_status?.error;
     }
     return status;
   }, [statuses]);
@@ -201,6 +203,26 @@ const Sidebar = () => {
                             </div>
                           </div>
                         </li>
+                        <li className="p-side-navigation__item">
+                          <div className="p-side-navigation__link">
+                            <span className="p-side-navigation__label">
+                              Proctor 360
+                            </span>
+                            <div className="p-side-navigation__status">
+                              {isLoading ? (
+                                <i className="p-icon--spinner u-animation--spin is-light"></i>
+                              ) : (
+                                <i
+                                  className={`p-icon--${
+                                    systemStatus["Proctor360"]
+                                      ? "success"
+                                      : "error"
+                                  } is-light`}
+                                ></i>
+                              )}
+                            </div>
+                          </div>
+                        </li>
                       </ul>
                     </li>
                   </ul>