Merge pull request #100 from keithchong/6655-ApplicationList-AddFavouritesAndBadge

Add Favourites and Badge to App List page (#6655)

Author: keithchong

src/components/import/badges/Badge.scss

@@ -2,5 +2,7 @@
   &.pf-v6-c-label {
     --pf-v6-c-label--BackgroundColor: #d93f00;
     --pf-v6-c-label--Color: var(--pf-t--color--white);
+    margin-top: 3px;
+    padding-bottom: 7px;
   }
 }

src/gitops/components/shared/ApplicationList.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSearchParams } from 'react-router-dom-v5-compat';
+import DevPreviewBadge from 'src/components/import/badges/DevPreviewBadge';
 
 import {
   Action,
@@ -141,7 +142,11 @@ const ApplicationList: React.FC<ApplicationProps> = ({
   return (
     <div>
       {showTitle == undefined && (project == undefined || appset == undefined) && (
-        <ListPageHeader title={t('plugin__gitops-plugin~Applications')}>
+        <ListPageHeader
+          title={t('plugin__gitops-plugin~Applications')}
+          badge={<DevPreviewBadge />}
+          hideFavoriteButton={false}
+        >
           <ListPageCreate groupVersionKind={modelToRef(ApplicationModel)}>
             Create Application
           </ListPageCreate>