diff --git a/package.json b/package.json index acb4b5e3..f3a51427 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,7 @@ ], "scripts": { "build": "next build", + "prettier": "prettier --write \"**/*.tsx\"", "dev": "concurrently \"node proxy.mjs\" \"DEV=true next dev\"", "lint": "eslint --ext .js,.ts,.tsx ./src", "start": "next start", diff --git a/packages/common/config/icon-ansible.tsx b/packages/common/config/icon-ansible.tsx index b46fe9de..78bf6c94 100644 --- a/packages/common/config/icon-ansible.tsx +++ b/packages/common/config/icon-ansible.tsx @@ -4,15 +4,19 @@ const AnsibleIcon = () => { return ( - + - - - - - - ) - ;} - export default AnsibleIcon; + + + + + + ); +}; +export default AnsibleIcon; diff --git a/packages/common/config/icon-edge.tsx b/packages/common/config/icon-edge.tsx index a2b94dab..a09b7819 100644 --- a/packages/common/config/icon-edge.tsx +++ b/packages/common/config/icon-edge.tsx @@ -5,32 +5,69 @@ const EdgeIcon = () => { - + - - + + - - + + - - + + - - + + - - + + - + - ) -;} + ); +}; export default EdgeIcon; - diff --git a/packages/common/config/icon-generic.tsx b/packages/common/config/icon-generic.tsx index f23eb5d2..ddbd9768 100644 --- a/packages/common/config/icon-generic.tsx +++ b/packages/common/config/icon-generic.tsx @@ -9,13 +9,28 @@ const GenericIcon = () => { {`.bd54039f-1ff7-4ad7-a5a2-655d1144d9f5{fill:#fff;}`} - - - - - - + + + + + + - ) -;} + ); +}; export default GenericIcon; diff --git a/packages/common/config/icon-insights.tsx b/packages/common/config/icon-insights.tsx index f75f71d9..17390f86 100644 --- a/packages/common/config/icon-insights.tsx +++ b/packages/common/config/icon-insights.tsx @@ -2,18 +2,27 @@ import React from 'react'; const InsightsIcon = () => { return ( - + - - - - + + + + - ) -;} + ); +}; export default InsightsIcon; diff --git a/packages/common/config/icon-openshift.tsx b/packages/common/config/icon-openshift.tsx index adc07782..6399f086 100644 --- a/packages/common/config/icon-openshift.tsx +++ b/packages/common/config/icon-openshift.tsx @@ -9,14 +9,32 @@ const OpenShiftIcon = () => { {`.b{fill:#e00;}`} - - - - - - - + + + + + + + - ) -;} + ); +}; export default OpenShiftIcon; diff --git a/packages/common/config/icon-services.tsx b/packages/common/config/icon-services.tsx index b47a836e..5e8b183f 100644 --- a/packages/common/config/icon-services.tsx +++ b/packages/common/config/icon-services.tsx @@ -4,27 +4,32 @@ const ServicesIcon = () => { return ( - - + - + + c-0.76,0-1.38-0.62-1.38-1.38s0.62-1.38,1.38-1.38s1.38,0.62,1.38,1.38S26.26,27.87,25.5,27.87z" + /> - ) -;} + ); +}; export default ServicesIcon; diff --git a/packages/common/config/icon-subscriptions.tsx b/packages/common/config/icon-subscriptions.tsx index e0b32b91..45505d1d 100644 --- a/packages/common/config/icon-subscriptions.tsx +++ b/packages/common/config/icon-subscriptions.tsx @@ -5,21 +5,40 @@ const SubscriptionsIcon = () => { - + - + - + - ) -;} + ); +}; export default SubscriptionsIcon; diff --git a/src/app/page.tsx b/src/app/page.tsx index acc9488f..94b273f9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -131,26 +131,41 @@ export default function Home() { - - + aria-label="Connect to APIs using Red Hat service accounts" + position="bottom" + bodyContent={ + <> Important: Starting Dec 2024, Red Hat will discontinue support for basic authorization to connect to services' APIs. The Red Hat Hybrid Cloud Console is integrating service accounts with User Access functionality to provide granular control - over access permissions and enhance security. - Token-based authentication is recommended. - More information about transitioning from basic authentication to token-based authentication via service accounts is described - on the Red Hat Customer Portal. - } + over access permissions and enhance security. Token-based authentication is recommended. More information about transitioning + from basic authentication to token-based authentication via service accounts is described on the{' '} + Red Hat Customer Portal. + + } >