+ |
+
+
+ |
+
+
+ |
+ xfs |
+
+
+ |
+
+
+ |
+
+ }
+ onClick={() => {}}
+ data-testid="remove-mount-point"
+ isDisabled={true}
+ />
+ |
+
+ );
+};
+
+export const mountpointPrefixes = [
+ '/app',
+ '/boot',
+ '/data',
+ '/home',
+ '/opt',
+ '/srv',
+ '/tmp',
+ '/usr',
+ '/var',
+];
+
+type MountpointPrefixPropTypes = {
+ partition: Partition;
+};
+
+const MountpointPrefix = ({ partition }: MountpointPrefixPropTypes) => {
+ const dispatch = useAppDispatch();
+ const [isOpen, setIsOpen] = useState(false);
+ const prefix = getPrefix(partition.mountpoint);
+ const suffix = getSuffix(partition.mountpoint);
+
+ const onToggle = (isOpen: boolean) => {
+ setIsOpen(isOpen);
+ };
+
+ const onSelect = (event: React.MouseEvent, selection: string) => {
+ setIsOpen(false);
+ const mountpoint = selection + suffix;
+ dispatch(
+ changePartitionMountpoint({ id: partition.id, mountpoint: mountpoint })
+ );
+ };
+
+ return (
+