new column width and customer fullname hidden (#1571)

* new column width and customer fullname hidden

* Create wild-pandas-hunt.md

Author: wouterhhuisman

.changeset/wild-pandas-hunt.md

@@ -0,0 +1,5 @@
+---
+"@orchestrator-ui/orchestrator-ui-components": patch
+---
+
+new column width and customer fullname hidden

packages/orchestrator-ui-components/src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx

@@ -80,14 +80,15 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             subscriptionId: {
                 columnType: ColumnType.DATA,
                 label: t('id'),
+                width: '100px',
                 renderData: (value) => <WfoFirstPartUUID UUID={value} />,
                 renderDetails: (value) => value,
                 renderTooltip: (value) => value,
             },
             description: {
                 columnType: ColumnType.DATA,
                 label: t('description'),
-                width: '400px',
+                width: '500px',
                 renderData: (value, record) => (
                     <Link href={`/subscriptions/${record.subscriptionId}`}>
                         {value}
@@ -98,13 +99,15 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             status: {
                 columnType: ColumnType.DATA,
                 label: t('status'),
+                width: '120px',
                 renderData: (value) => (
                     <WfoSubscriptionStatusBadge status={value} />
                 ),
             },
             insync: {
                 columnType: ColumnType.DATA,
                 label: t('insync'),
+                width: '80px',
                 renderData: (value) => <WfoInsyncIcon inSync={value} />,
             },
             productName: {
@@ -119,7 +122,6 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             customerFullname: {
                 columnType: ColumnType.DATA,
                 label: t('customerFullname'),
-                width: '150px',
             },
             customerShortcode: {
                 columnType: ColumnType.DATA,
@@ -129,6 +131,7 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             startDate: {
                 columnType: ColumnType.DATA,
                 label: t('startDate'),
+                width: '120px',
                 renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
                 renderDetails: parseDateToLocaleDateTimeString,
                 clipboardText: parseDateToLocaleDateTimeString,
@@ -137,6 +140,7 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             endDate: {
                 columnType: ColumnType.DATA,
                 label: t('endDate'),
+                width: '120px',
                 renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
                 renderDetails: parseDateToLocaleDateTimeString,
                 clipboardText: parseDateToLocaleDateTimeString,
@@ -145,7 +149,6 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
             note: {
                 columnType: ColumnType.DATA,
                 label: t('note'),
-                width: '100px',
             },
             metadata: {
                 columnType: ColumnType.DATA,

packages/orchestrator-ui-components/src/utils/getDefaultTableConfig.ts

@@ -103,6 +103,7 @@ export const getDefaultTableConfig = <T>(storageKey: string) => {
         case SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY:
             const subscriptionColumns: (keyof SubscriptionListItem)[] = [
                 'productName',
+                'customerFullname',
                 'metadata',
             ];
             return getTableConfig<T>(subscriptionColumns as (keyof T)[]);