fix: ping logo

Signed-off-by: Rafael Silva (rafaelsi) <rafaelsi@cisco.com>

Author: rafaelsilva29

frontend/src/assets/ping.jpg

@@ -16,7 +16,7 @@ import DuoLogo from '@/assets/duo.svg?react';
 import OktaLogo from '@/assets/okta.svg?react';
 import OasfLogo from '@/assets/oasf.svg?react';
 import OryLogo from '@/assets/ory.svg?react';
-import PingLogo from '@/assets/ping.svg?react';
+import PingLogo from '@/assets/ping.jpg';
 import KeycloakLogo from '@/assets/keycloak.png';
 import EntraLogo from '@/assets/entra.svg?react';
 import {IdpType} from '@/types/api/settings';
@@ -76,7 +76,7 @@ export const IdentityProviderForm = ({isLoading = false}: {isLoading?: boolean})
     {
       type: IdpType.IDP_TYPE_PING,
       title: 'Ping',
-      imgURI: <PingLogo />,
+      imgURI: <img src={PingLogo} alt="Ping Logo" className="w-6 h-6" />,
       isDisabled: isLoading || !isEmptyIdp,
       useTooltip: isEmptyIdp
     },

frontend/src/assets/ping.svg

@@ -55,12 +55,8 @@ vi.mock('@/assets/ory.svg?react', () => ({
   ))
 }));
 
-vi.mock('@/assets/ping.svg?react', () => ({
-  default: vi.fn((props) => (
-    <svg data-testid="ping-logo" {...props}>
-      <title>Ping Logo</title>
-    </svg>
-  ))
+vi.mock('@/assets/ping.jpg', () => ({
+  default: 'ping-logo.jpg'
 }));
 
 // Mock constants - use string literals instead of enum references
@@ -186,7 +182,7 @@ describe('ProviderType', () => {
     it('renders Ping logo and label', () => {
       render(<ProviderType type={IdpType.IDP_TYPE_PING} />);
 
-      const pingLogo = screen.getByTestId('ping-logo');
+      const pingLogo = screen.getByAltText('Ping');
       expect(pingLogo).toBeInTheDocument();
       expect(pingLogo).toHaveClass('h-[22px] w-[22px]');
 

frontend/src/components/identity-provider/create/form/identity-provider-form.tsx

@@ -10,7 +10,7 @@ import DuoLogo from '@/assets/duo.svg?react';
 import OktaLogo from '@/assets/okta.svg?react';
 import OasfLogo from '@/assets/oasf.svg?react';
 import OryLogo from '@/assets/ory.svg?react';
-import PingLogo from '@/assets/ping.svg?react';
+import PingLogo from '@/assets/ping.jpg';
 import EntraLogo from '@/assets/entra.svg?react';
 import {IdpType} from '@/types/api/settings';
 import KeycloakLogo from '@/assets/keycloak.png';
@@ -24,7 +24,7 @@ export const ProviderType = ({type, className}: {type?: IdpType; className?: str
       {type === IdpType.IDP_TYPE_ORY && <OryLogo className="h-[22px] w-[22px]" />}
       {type === IdpType.IDP_TYPE_ENTRA_ID && <EntraLogo className="h-[20px] w-[20px]" />}
       {type === IdpType.IDP_TYPE_KEYCLOAK && <img src={KeycloakLogo} alt="Keycloak" className="h-[20px] w-[20px]" />}
-      {type === IdpType.IDP_TYPE_PING && <PingLogo className="h-[22px] w-[22px]" />}
+      {type === IdpType.IDP_TYPE_PING && <img src={PingLogo} alt="Ping" className="h-[22px] w-[22px]" />}
       <Typography
         variant="body1"
         fontSize={14}