From aeb24889fd3187e9b537a15975f9271d4fcb39e9 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens@goauthentik.io>
Date: Wed, 8 Nov 2023 15:39:48 +0100
Subject: [PATCH] add more tooltips and add device authn/authz

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 website/src/components/Comparison/index.tsx | 54 ++++++++++++++++++++-
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/website/src/components/Comparison/index.tsx b/website/src/components/Comparison/index.tsx
index b8c55f57a..ff03b0eff 100644
--- a/website/src/components/Comparison/index.tsx
+++ b/website/src/components/Comparison/index.tsx
@@ -483,7 +483,9 @@ export default function Comparison() {
                                 </td>
                             </tr>
                             <tr>
-                                <td className="row-label">Open-source</td>
+                                <td className="row-label">
+                                    Open-source/Source available
+                                </td>
                                 <td className="result passed authentik">
                                     <Check></Check>
                                 </td>
@@ -507,7 +509,14 @@ export default function Comparison() {
                                 </td>
                             </tr>
                             <tr>
-                                <td className="row-label">Application Proxy</td>
+                                <td
+                                    className="row-label tooltip"
+                                    data-tooltip-content={
+                                        "Reverse proxy to enable an SSO experience for applications that don't support it natively."
+                                    }
+                                >
+                                    Application Proxy
+                                </td>
                                 <td className="result passed authentik">
                                     <Check></Check>
                                 </td>
@@ -540,6 +549,47 @@ export default function Comparison() {
                                     <Check></Check>
                                 </td>
                             </tr>
+                            <tr>
+                                <td
+                                    className="row-label tooltip"
+                                    data-tooltip-content={
+                                        "Reverse proxy to enable an SSO experience for applications that don't support it natively."
+                                    }
+                                >
+                                    Device authentication/authorization
+                                </td>
+                                <td className="result failed authentik">
+                                    <X></X>
+                                </td>
+                                <td className="result failed">
+                                    <X></X>
+                                </td>
+                                <td className="result failed">
+                                    <X></X>
+                                </td>
+                                <td className="result warning">
+                                    <AlertTriangle
+                                        className="tooltip"
+                                        data-tooltip-content={
+                                            tooltipRequiresLicense
+                                        }
+                                    ></AlertTriangle>
+                                </td>
+                                <td className="result warning">
+                                    <AlertTriangle
+                                        className="tooltip"
+                                        data-tooltip-content={
+                                            tooltipAvailableThirdParty
+                                        }
+                                    ></AlertTriangle>
+                                </td>
+                                <td className="result failed">
+                                    <X></X>
+                                </td>
+                                <td className="result failed">
+                                    <X></X>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                     <Tooltip anchorSelect=".tooltip" place="top" />