Merge pull request #890 from openSUSE/transactional_label_icon

Add an icon to the "transactional" label
agama-project · Nov 24, 2023 · e5c8777 · e5c8777
2 parents f746b53 + 0437c3d
commit e5c8777
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/web/src/components/layout/Icon.jsx b/web/src/components/layout/Icon.jsx
@@ -58,6 +58,7 @@ import SettingsEthernet from "@icons/settings_ethernet.svg?component";
 import SettingsFill from "@icons/settings-fill.svg?component";
 import SignalCellularAlt from "@icons/signal_cellular_alt.svg?component";
 import Storage from "@icons/storage.svg?component";
+import Sync from "@icons/sync.svg?component";
 import TaskAlt from "@icons/task_alt.svg?component";
 import Terminal from "@icons/terminal.svg?component";
 import Translate from "@icons/translate.svg?component";
@@ -112,6 +113,7 @@ const icons = {
   settings_ethernet: SettingsEthernet,
   signal_cellular_alt: SignalCellularAlt,
   storage: Storage,
+  sync: Sync,
   task_alt: TaskAlt,
   terminal: Terminal,
   translate: Translate,

diff --git a/web/src/components/storage/ProposalVolumes.jsx b/web/src/components/storage/ProposalVolumes.jsx
@@ -207,6 +207,7 @@ const VolumeRow = ({ columns, volume, options, isLoading, onEdit, onDelete }) =>
     const text = `${volume.fsType} ${options.lvm ? _("logical volume") : _("partition")}`;
     const lockIcon = <Icon name="lock" size={12} />;
     const snapshotsIcon = <Icon name="add_a_photo" size={12} />;
+    const transactionalIcon = <Icon name="sync" size={12} />;
 
     return (
       <div className="split">
@@ -216,7 +217,7 @@ const VolumeRow = ({ columns, volume, options, isLoading, onEdit, onDelete }) =>
         {/* TRANSLATORS: filesystem flag, it allows creating snapshots */}
         <If condition={hasSnapshots} then={<Em icon={snapshotsIcon}>{_("with snapshots")}</Em>} />
         {/* TRANSLATORS: flag for transactional file system  */}
-        <If condition={transactional} then={<Em>{_("transactional")}</Em>} />
+        <If condition={transactional} then={<Em icon={transactionalIcon}>{_("transactional")}</Em>} />
       </div>
     );
   };