Wizard: Make partitions a FileSystemTable prop

Move partitions outside of FileSystemTable and pass them as a prop.

Author: regexowl

src/Components/CreateImageWizard/steps/FileSystem/components/FileSystemConfiguration.tsx

@@ -25,8 +25,8 @@ import {
 import UsrSubDirectoriesDisabled from '../../../UsrSubDirectoriesDisabled';
 
 const FileSystemConfiguration = () => {
-  const partitions = useAppSelector(selectFilesystemPartitions);
   const environments = useAppSelector(selectImageTypes);
+  const filesystemPartitions = useAppSelector(selectFilesystemPartitions);
 
   const dispatch = useAppDispatch();
 
@@ -58,7 +58,7 @@ const FileSystemConfiguration = () => {
       <Content>
         <Content component={ContentVariants.h3}>Configure partitions</Content>
       </Content>
-      {partitions.find((partition) =>
+      {filesystemPartitions.find((partition) =>
         partition.mountpoint.includes('/usr'),
       ) && <UsrSubDirectoriesDisabled />}
       <Content>
@@ -94,7 +94,7 @@ const FileSystemConfiguration = () => {
           )} images`}
         />
       )}
-      <FileSystemTable />
+      <FileSystemTable partitions={filesystemPartitions} />
       <Content>
         <Button
           className='pf-v6-u-text-align-left'

src/Components/CreateImageWizard/steps/FileSystem/components/FileSystemTable.tsx

@@ -14,13 +14,15 @@ import {
 import MinimumSizePopover from './MinimumSizePopover';
 import Row from './Row';
 
-import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
-import {
-  changePartitionOrder,
-  selectFilesystemPartitions,
-} from '../../../../../store/wizardSlice';
+import { useAppDispatch } from '../../../../../store/hooks';
+import { changePartitionOrder } from '../../../../../store/wizardSlice';
+import { FilesystemPartition } from '../fscTypes';
+
+type FileSystemTableTypes = {
+  partitions: FilesystemPartition[];
+};
 
-const FileSystemTable = () => {
+const FileSystemTable = ({ partitions }: FileSystemTableTypes) => {
   const [draggedItemId, setDraggedItemId] = useState<string | null>(null);
   const [draggingToItemIndex, setDraggingToItemIndex] = useState<number | null>(
     null,
@@ -29,7 +31,6 @@ const FileSystemTable = () => {
   const [tempItemOrder, setTempItemOrder] = useState<string[]>([]);
 
   const bodyRef = useRef<HTMLTableSectionElement>(null);
-  const partitions = useAppSelector(selectFilesystemPartitions);
   const itemOrder = partitions.map((partition) => partition.id);
   const dispatch = useAppDispatch();
   const isValidDrop = (