From 8fd1aa79932a944cb7dfad9d49baa4732a1fbf18 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <jessica.lawshe@overleaf.com>
Date: Mon, 27 Feb 2023 08:15:37 -0600
Subject: [PATCH] Merge pull request #11977 from
 overleaf/jel-subscription-dash-alert

[web] Add aria-live="polite" to subscription dash alert

GitOrigin-RevId: 29ce9e3ab26ab21a7e86fdbe90fb228c68bb8d98
---
 .../components/dashboard/subscription-dashboard.tsx          | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
index 46f48bd3a5..ce4ae871e3 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
@@ -9,7 +9,6 @@ import ManagedGroupSubscriptions from './managed-group-subscriptions'
 import ManagedInstitutions from './managed-institutions'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import getMeta from '../../../../utils/meta'
-import { Alert } from 'react-bootstrap'
 
 function SubscriptionDashboard() {
   const { t } = useTranslation()
@@ -23,9 +22,9 @@ function SubscriptionDashboard() {
       <div className="row">
         <div className="col-md-8 col-md-offset-2">
           {fromPlansPage && (
-            <Alert bsStyle="warning">
+            <div className="alert alert-warning" aria-live="polite">
               {t('you_already_have_a_subscription')}
-            </Alert>
+            </div>
           )}
           <div className="card">
             <div className="page-header">