[feat] report missing polkit properly from main UI

also refactor and move polkit_agent so that it does not depend on having
bitmask on the path.

1 files changed, 13 insertions, 0 deletions

diff --git a/ui/app/components/main_panel/vpn_section.js b/ui/app/components/main_panel/vpn_section.js
index 71bbbe1d..78146933 100644
--- a/ui/app/components/main_panel/vpn_section.js
+++ b/ui/app/components/main_panel/vpn_section.js
@@ -116,6 +116,9 @@ export default class vpnSection extends React.Component {
         console.log('check()', error)
         if (error == "Missing VPN certificate") {
           this.renewCert()
+        }
+        if (error == 'nopolkit') {
+          this.setState({vpn: "nopolkit"})
         } else {
           this.setState({vpn: "failed", error: error})
         }
@@ -306,6 +309,16 @@ export default class vpnSection extends React.Component {
         button = <Button onClick={this.disconnect}>Cancel</Button>
         icon = "wait"
         break
+      case "nopolkit":
+        info = "Missing authentication agent."
+        body = (
+          <div>
+            <p>Could not find a polkit authentication agent.
+            Please run one and try again.</p>
+          </div>
+        )
+        icon= "disabled"
+        break
       case "failed":
         info = "Failed"
         if (this.state.ready) {