Make syncing badge more subtle (#6775)

hypothesis · Oct 15, 2024 · b7971fa · b7971fa
1 parent 176353c
commit b7971fa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/lms/static/scripts/frontend_apps/components/dashboard/GradeIndicator.tsx b/lms/static/scripts/frontend_apps/components/dashboard/GradeIndicator.tsx
@@ -67,13 +67,13 @@ function Badge({ type }: { type: BadgeType }) {
         {
           'bg-grey-7 text-white': type === 'new',
           'bg-grade-error-light text-grade-error': type === 'error',
-          'bg-grey-3 text-grey-7': type === 'syncing',
+          'bg-grey-2 text-grey-7': type === 'syncing',
         },
       )}
     >
       {type === 'new' && 'New'}
       {type === 'error' && 'Error'}
-      {type === 'syncing' && 'Syncing…'}
+      {type === 'syncing' && 'Syncing'}
     </div>
   );
 }

diff --git a/lms/static/scripts/frontend_apps/components/dashboard/test/GradeIndicator-test.js b/lms/static/scripts/frontend_apps/components/dashboard/test/GradeIndicator-test.js
@@ -239,7 +239,7 @@ describe('GradeIndicator', () => {
     {
       status: 'in_progress',
       expectedBadge: 'syncing',
-      expectedBadgeText: 'Syncing…',
+      expectedBadgeText: 'Syncing',
     },
   ].forEach(({ status, expectedBadge, expectedBadgeText }) => {
     it('shows the corresponding badge based on status', () => {