Merge pull request #926 from devtron-labs/feat/backup-locations

feat: backup locations

Author: AbhishekA1509

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.6-pre-3",
+    "version": "1.20.6-pre-7",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -16,7 +16,7 @@
 
 import { SelectPickerOptionType } from '@Shared/Components'
 import { CostBreakdownItemViewParamsType, CostBreakdownViewType } from '@PagesDevtron2.0/CostVisibility'
-import { BackupAndScheduleListViewEnum } from '@PagesDevtron2.0/DataProtectionManagement/types'
+import { BackupAndScheduleListViewEnum, BackupLocationsTypes } from '@PagesDevtron2.0/DataProtectionManagement'
 
 export const FALLBACK_REQUEST_TIMEOUT = 60000
 export const Host = window?.__ORCHESTRATOR_ROOT__ ?? '/orchestrator'
@@ -132,7 +132,8 @@ export const URLS = {
     DATA_PROTECTION_BACKUP_DETAIL: `${DATA_PROTECTION_ROOT}/backup/:name`,
     DATA_PROTECTION_BACKUP_SCHEDULE_DETAIL: `${DATA_PROTECTION_ROOT}/schedule/:name`,
     DATA_PROTECTION_RESTORES: `${DATA_PROTECTION_ROOT}/restores`,
-    DATA_PROTECTION_BACKUP_LOCATIONS: `${DATA_PROTECTION_ROOT}/backup-locations`,
+    DATA_PROTECTION_BACKUP_LOCATIONS: `${DATA_PROTECTION_ROOT}/backup-locations/:type(${Object.values(BackupLocationsTypes).join('|')})`,
+    BACKUP_LOCATION_DETAILS: `/:locationId`,
     // GLOBAL CONFIGURATION
     GLOBAL_CONFIG: GLOBAL_CONFIG_ROOT,
     GLOBAL_CONFIG_DOCKER: `${GLOBAL_CONFIG_ROOT}/docker`,

src/Assets/IconV2/ic-google-cloud.svg

@@ -1 +1 @@
-export { BackupAndScheduleListViewEnum } from './types'
+export * from './types'

src/Assets/Illustration/img-no-backup-location.svg

@@ -1,3 +1,8 @@
+export enum BackupLocationsTypes {
+    VOLUME_SNAPSHOT = 'volume-snapshot',
+    STORAGE = 'storage',
+}
+
 export enum BackupAndScheduleListViewEnum {
     Backups = 'backups',
     Schedules = 'schedules',

src/Common/Constants.ts

@@ -7,6 +7,7 @@ import ImgDevtronFreemium from '@Illustrations/img-devtron-freemium.webp'
 import { ReactComponent as ImgFolderEmpty } from '@Illustrations/img-folder-empty.svg'
 import ImgManOnRocket from '@Illustrations/img-man-on-rocket.webp'
 import { ReactComponent as ImgMechanicalOperation } from '@Illustrations/img-mechanical-operation.svg'
+import { ReactComponent as ImgNoBackupLocation } from '@Illustrations/img-no-backup-location.svg'
 import { ReactComponent as ImgNoRestores } from '@Illustrations/img-no-restores.svg'
 import ImgNoResult from '@Illustrations/img-no-result.webp'
 import NoClusterCostEnabled from '@Illustrations/no-cluster-cost-enabled.webp'
@@ -18,6 +19,7 @@ import { IllustrationBaseProps } from './types'
 export const illustrationMap = {
     'img-folder-empty': ImgFolderEmpty,
     'img-mechanical-operation': ImgMechanicalOperation,
+    'img-no-backup-location': ImgNoBackupLocation,
     'img-no-restores': ImgNoRestores,
     'create-backup-schedule': CreateBackupSchedule,
     'create-backup-snapshot': CreateBackupSnapshot,

src/Pages-Devtron-2.0/DataProtectionManagement/index.ts

@@ -92,7 +92,7 @@ const TableContent = <
     } = resizableConfig ?? {}
 
     const gridTemplateColumns = rowOnHoverComponentWidth
-        ? `${initialGridTemplateColumns} ${rowOnHoverComponentWidth}px`
+        ? `${initialGridTemplateColumns} ${typeof rowOnHoverComponentWidth === 'number' ? `${rowOnHoverComponentWidth}px` : rowOnHoverComponentWidth}`
         : initialGridTemplateColumns
 
     useEffect(() => {

src/Pages-Devtron-2.0/DataProtectionManagement/types.ts

@@ -296,7 +296,7 @@ export type InternalTableProps<
      */
     rowActionOnHoverConfig?: {
         Component: FunctionComponent<RowActionsOnHoverComponentProps<RowData, AdditionalProps>>
-        width: number
+        width: string | number
     }
 
     bulkSelectionReturnValue: BulkSelectionReturnValueType | null