TeamList: move field.width to layout.styles.fieldId.width

Automattic · Aug 26, 2024 · 4e3bc78 · 4e3bc78
1 parent e6653e2
commit 4e3bc78
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/client/a8c-for-agencies/components/items-dashboard/items-dataviews/interfaces.ts b/client/a8c-for-agencies/components/items-dashboard/items-dataviews/interfaces.ts
@@ -27,4 +27,5 @@ export interface DataViewsSort {
 
 export type DataViewsState = View & {
 	selectedItem?: any | undefined;
+	layout?: any; // TODO: improve this type.
 };
diff --git a/client/a8c-for-agencies/sections/team/primary/team-list/index.tsx b/client/a8c-for-agencies/sections/team/primary/team-list/index.tsx
@@ -28,7 +28,16 @@ export default function TeamList() {
 
 	const isDesktop = useDesktopBreakpoint();
 
-	const [ dataViewsState, setDataViewsState ] = useState< DataViewsState >( initialDataViewsState );
+	const [ dataViewsState, setDataViewsState ] = useState< DataViewsState >( {
+		...initialDataViewsState,
+		layout: {
+			styles: {
+				actions: {
+					width: isDesktop ? '10%' : undefined,
+				},
+			},
+		},
+	} );
 
 	const title = translate( 'Manage team members' );
 
@@ -86,7 +95,6 @@ export default function TeamList() {
 						/>
 					);
 				},
-				width: isDesktop ? '40%' : undefined,
 				enableHiding: false,
 				enableSorting: false,
 			},