diff --git a/lib/gui/app/components/drive-selector/drive-selector.tsx b/lib/gui/app/components/drive-selector/drive-selector.tsx
index ddfeba24..4a06064f 100644
--- a/lib/gui/app/components/drive-selector/drive-selector.tsx
+++ b/lib/gui/app/components/drive-selector/drive-selector.tsx
@@ -42,7 +42,6 @@ import {
Table,
} from '../../styled-components';
-import DriveSVGIcon from '../../../assets/tgt.svg';
import { SourceMetadata } from '../source-selector/source-selector';
interface UsbbootDrive extends sourceDestination.UsbbootDrive {
@@ -145,6 +144,7 @@ export interface DriveSelectorProps
done: (drives: DrivelistDrive[]) => void;
titleLabel: string;
emptyListLabel: string;
+ emptyListIcon: JSX.Element;
selectedList?: DrivelistDrive[];
updateSelectedList?: () => DrivelistDrive[];
}
@@ -425,7 +425,7 @@ export class DriveSelector extends React.Component<
alignItems="center"
width="100%"
>
-
+ {this.props.emptyListIcon}
{this.props.emptyListLabel}
) : (
diff --git a/lib/gui/app/components/source-selector/source-selector.tsx b/lib/gui/app/components/source-selector/source-selector.tsx
index 3bd29d05..de877671 100644
--- a/lib/gui/app/components/source-selector/source-selector.tsx
+++ b/lib/gui/app/components/source-selector/source-selector.tsx
@@ -58,6 +58,7 @@ import { middleEllipsis } from '../../utils/middle-ellipsis';
import { SVGIcon } from '../svg-icon/svg-icon';
import ImageSvg from '../../../assets/image.svg';
+import SrcSvg from '../../../assets/src.svg';
import { DriveSelector } from '../drive-selector/drive-selector';
import { DrivelistDrive } from '../../../../shared/drive-constraints';
@@ -724,7 +725,8 @@ export class SourceSelector extends React.Component<
write={false}
multipleSelection={false}
titleLabel="Select source"
- emptyListLabel="Plug a source"
+ emptyListLabel="Plug a source drive"
+ emptyListIcon={}
cancel={() => {
this.setState({
showDriveSelector: false,
diff --git a/lib/gui/app/components/target-selector/target-selector.tsx b/lib/gui/app/components/target-selector/target-selector.tsx
index 16d68994..1ce57dc1 100644
--- a/lib/gui/app/components/target-selector/target-selector.tsx
+++ b/lib/gui/app/components/target-selector/target-selector.tsx
@@ -33,6 +33,7 @@ import { observe } from '../../models/store';
import * as analytics from '../../modules/analytics';
import { TargetSelectorButton } from './target-selector-button';
+import TgtSvg from '../../../assets/tgt.svg';
import DriveSvg from '../../../assets/drive.svg';
import { warning } from '../../../../shared/messages';
@@ -53,13 +54,14 @@ const getDriveSelectionStateSlice = () => ({
export const TargetSelectorModal = (
props: Omit<
DriveSelectorProps,
- 'titleLabel' | 'emptyListLabel' | 'multipleSelection'
+ 'titleLabel' | 'emptyListLabel' | 'multipleSelection' | 'emptyListIcon'
>,
) => (
}
showWarnings={true}
selectedList={getSelectedDrives()}
updateSelectedList={getSelectedDrives}
diff --git a/lib/gui/assets/src.svg b/lib/gui/assets/src.svg
new file mode 100644
index 00000000..cf792fe8
--- /dev/null
+++ b/lib/gui/assets/src.svg
@@ -0,0 +1,18 @@
+
+