From 36c6fc536d179a9d81b6a3c3f2998e8fb56389fd Mon Sep 17 00:00:00 2001
From: Ollie Halliday <22655069+Hallidayo@users.noreply.github.com>
Date: Wed, 25 Jan 2023 14:20:45 +0000
Subject: [PATCH] added Alert component

---
 .../Auth/Policies/PolicyTableRow/index.tsx           | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx b/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx
index b9eafb7e119..6d878521e5f 100644
--- a/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx
+++ b/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx
@@ -6,6 +6,7 @@ import { useStore } from 'hooks'
 import PolicyTableRowHeader from './PolicyTableRowHeader'
 import PolicyRow from './PolicyRow'
 import Panel from 'components/ui/Panel'
+import { Alert } from 'ui'
 
 interface Props {
   table: PostgresTable
@@ -46,9 +47,14 @@ const PolicyTableRow: FC<Props> = ({
               RLS is enabled - create a policy to allow access to this table.
             </p>
           ) : (
-            <p className="text-amber-900 text-sm opacity-50">
-              Warning: RLS is disabled - anonymous access is allowed to this table
-            </p>
+            <Alert
+              withIcon
+              variant="warning"
+              className="!px-4 !py-3 !mt-3"
+              title="Warning: RLS is disabled"
+            >
+              Anonymous access is allowed to this table
+            </Alert>
           )}
         </div>
       )}