chore: icon updated

Author: shivani170

src/Assets/IconV2/ic-google.svg

@@ -435,3 +435,16 @@ export const UNCHANGED_ARRAY_ELEMENT_SYMBOL = Symbol(
     `The element at this index remains unchanged from the original object.
      This symbol is used by @buildObjectFromPath & later consumed by @recursivelyRemoveSymbolFromArraysInObject`,
 )
+
+/**
+ * Authorization config types for SSO Login
+ */
+export enum SSOProvider {
+    google = 'google',
+    github = 'github',
+    gitlab = 'gitlab',
+    microsoft = 'microsoft',
+    ldap = 'ldap',
+    oidc = 'oidc',
+    openshift = 'openshift',
+}

src/Assets/IconV2/ic-ldap.svg

@@ -27,6 +27,7 @@ import { ReactComponent as ICGithub } from '@IconsV2/ic-github.svg'
 import { ReactComponent as ICGitlab } from '@IconsV2/ic-gitlab.svg'
 import { ReactComponent as ICGoogleArtifactRegistry } from '@IconsV2/ic-google-artifact-registry.svg'
 import { ReactComponent as ICGoogleContainerRegistry } from '@IconsV2/ic-google-container-registry.svg'
+import { ReactComponent as ICGoogle } from '@IconsV2/ic-google.svg'
 import { ReactComponent as ICGridView } from '@IconsV2/ic-grid-view.svg'
 import { ReactComponent as ICHeartGreen } from '@IconsV2/ic-heart-green.svg'
 import { ReactComponent as ICHeartRedAnimated } from '@IconsV2/ic-heart-red-animated.svg'
@@ -39,11 +40,15 @@ import { ReactComponent as ICInfoFilled } from '@IconsV2/ic-info-filled.svg'
 import { ReactComponent as ICInfoOutline } from '@IconsV2/ic-info-outline.svg'
 import { ReactComponent as ICJobColor } from '@IconsV2/ic-job-color.svg'
 import { ReactComponent as ICK8sJob } from '@IconsV2/ic-k8s-job.svg'
+import { ReactComponent as ICLdap } from '@IconsV2/ic-ldap.svg'
+import { ReactComponent as ICMicrosoft } from '@IconsV2/ic-microsoft.svg'
 import { ReactComponent as ICMissing } from '@IconsV2/ic-missing.svg'
 import { ReactComponent as ICMonitoring } from '@IconsV2/ic-monitoring.svg'
 import { ReactComponent as ICNodeScript } from '@IconsV2/ic-node-script.svg'
+import { ReactComponent as ICOidc } from '@IconsV2/ic-oidc.svg'
 import { ReactComponent as ICOpenBox } from '@IconsV2/ic-open-box.svg'
 import { ReactComponent as ICOpenInNew } from '@IconsV2/ic-open-in-new.svg'
+import { ReactComponent as ICOpenshift } from '@IconsV2/ic-openshift.svg'
 import { ReactComponent as ICOutOfSync } from '@IconsV2/ic-out-of-sync.svg'
 import { ReactComponent as ICPaperPlaneColor } from '@IconsV2/ic-paper-plane-color.svg'
 import { ReactComponent as ICQuay } from '@IconsV2/ic-quay.svg'
@@ -87,6 +92,7 @@ export const iconMap = {
     'ic-gitlab': ICGitlab,
     'ic-google-artifact-registry': ICGoogleArtifactRegistry,
     'ic-google-container-registry': ICGoogleContainerRegistry,
+    'ic-google': ICGoogle,
     'ic-grid-view': ICGridView,
     'ic-heart-green': ICHeartGreen,
     'ic-heart-red-animated': ICHeartRedAnimated,
@@ -99,11 +105,15 @@ export const iconMap = {
     'ic-info-outline': ICInfoOutline,
     'ic-job-color': ICJobColor,
     'ic-k8s-job': ICK8sJob,
+    'ic-ldap': ICLdap,
+    'ic-microsoft': ICMicrosoft,
     'ic-missing': ICMissing,
     'ic-monitoring': ICMonitoring,
     'ic-node-script': ICNodeScript,
+    'ic-oidc': ICOidc,
     'ic-open-box': ICOpenBox,
     'ic-open-in-new': ICOpenInNew,
+    'ic-openshift': ICOpenshift,
     'ic-out-of-sync': ICOutOfSync,
     'ic-paper-plane-color': ICPaperPlaneColor,
     'ic-quay': ICQuay,

src/Assets/IconV2/ic-microsoft.svg

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) 2024. Devtron Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { SSOProvider } from '@Common/Constants'
+import { SSOProviderIconProps } from './types'
+
+import { Icon, IconName } from '../Icon'
+
+const ssoProviderIconMap: Record<SSOProvider, IconName> = {
+    [SSOProvider.google]: 'ic-google',
+    [SSOProvider.github]: 'ic-github',
+    [SSOProvider.gitlab]: 'ic-gitlab',
+    [SSOProvider.ldap]: 'ic-ldap',
+    [SSOProvider.microsoft]: 'ic-microsoft',
+    [SSOProvider.oidc]: 'ic-oidc',
+    [SSOProvider.openshift]: 'ic-openshift',
+}
+
+export const SSOProviderIcon = ({ ssoProvider, size = 20 }: SSOProviderIconProps) => (
+    <Icon name={ssoProviderIconMap[ssoProvider]} size={size} color={null} />
+)

src/Assets/IconV2/ic-oidc.svg

@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) 2024. Devtron Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './SSOProviderIcon'
+export * from './types'

src/Assets/IconV2/ic-openshift.svg

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2024. Devtron Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { SSOProvider } from '@Common/Constants'
+
+import { IconsProps } from '../Icon'
+
+export interface SSOProviderIconProps {
+    ssoProvider: SSOProvider
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size']
+}