[Cleanup] Adding Commonwealth Bank Logo On The Gateways Creation Page

src/pages/clients/show/components/GatewayTypeIcon.tsx

@@ -27,6 +27,7 @@ import ewayLogo from '/gateway-card-images/eway.png';
 import forteLogo from '/gateway-card-images/forte.png';
 import wepayLogo from '/gateway-card-images/wepay.svg';
 import BTCPayLogo from '/gateway-card-images/btcpay.png';
+import CommonwealthBankLogo from '/gateway-card-images/commonwealth-bank.jpg';
 
 export const availableGatewayLogos = [
   'paypal_ppcp',
@@ -49,6 +50,7 @@ export const availableGatewayLogos = [
   'forte',
   'paypal_rest',
   'btcpay',
+  'commonwealth_bank',
 ];
 
 export type GatewayLogoName =
@@ -71,7 +73,8 @@ export type GatewayLogoName =
   | 'eway'
   | 'forte'
   | 'paypal_rest'
-  | 'btcpay';
+  | 'btcpay'
+  | 'commonwealth_bank';
 
 interface Props {
   name: GatewayLogoName;
@@ -260,6 +263,15 @@ export function GatewayTypeIcon(props: Props) {
         />
       );
 
+    case 'commonwealth_bank':
+      return (
+        <img
+          src={CommonwealthBankLogo}
+          alt="Commonwealth Bank"
+          style={props.style || { width: 30, height: 30 }}
+        />
+      );
+
     default:
       return <></>;
   }

src/pages/settings/gateways/create/Create.tsx

@@ -49,6 +49,7 @@ const gatewaysStyles = [
   { name: 'square', width: 130 },
   { name: 'checkoutcom', width: 170 },
   { name: 'btcpay', width: 90 },
+  { name: 'commonwealth_bank', width: 140 },
 ];
 
 export const gatewaysDetails = [
@@ -69,6 +70,7 @@ export const gatewaysDetails = [
   { name: 'payfast', key: 'd6814fc83f45d2935e7777071e629ef9' },
   { name: 'eway', key: '944c20175bbe6b9972c05bcfe294c2c7' },
   { name: 'btcpay', key: 'vpyfbmdrkqcicpkjqdusgjfluebftuva' },
+  { name: 'commonwealth_bank', key: 'b67581d804dbad1743b61c57285142ad' },
 ];
 
 const hostedGatewayFilter = [