From 77ff6163e29b53d3a551c965fe1ed1c5e2809902 Mon Sep 17 00:00:00 2001
From: Evan Paterakis <evan@geopjr.dev>
Date: Wed, 8 May 2024 06:45:45 +0300
Subject: [PATCH 1/2] feat: translations

---
 src/API/Instance.vala                      |  2 ++
 src/API/InstanceV2.vala                    | 14 ++++++++++
 src/API/Translation.vala                   | 25 +++++++++++++++++
 src/API/meson.build                        |  2 ++
 src/Services/Accounts/InstanceAccount.vala | 21 +++++++++++++++
 src/Widgets/Status.vala                    | 31 ++++++++++++++++++++++
 6 files changed, 95 insertions(+)
 create mode 100644 src/API/InstanceV2.vala
 create mode 100644 src/API/Translation.vala

diff --git a/src/API/Instance.vala b/src/API/Instance.vala
index 21df3ba8a..9ccb8833d 100644
--- a/src/API/Instance.vala
+++ b/src/API/Instance.vala
@@ -16,6 +16,8 @@ public class Tuba.API.Instance : Entity {
 	public API.Pleroma.Instance? pleroma { get; set; default = null; }
 	public Gee.ArrayList<Rule>? rules { get; set; }
 
+	public bool tuba_can_translate { get; set; default=false; }
+
 	public override Type deserialize_array_type (string prop) {
 		switch (prop) {
 			case "languages":
diff --git a/src/API/InstanceV2.vala b/src/API/InstanceV2.vala
new file mode 100644
index 000000000..ccdc2d718
--- /dev/null
+++ b/src/API/InstanceV2.vala
@@ -0,0 +1,14 @@
+public class Tuba.API.InstanceV2 : Entity {
+	public class Configuration : Entity {
+		public class Translation : Entity {
+			public bool enabled { get; set; default = false; }
+		}
+		public Translation translation { get; set; default = null; }
+	}
+
+	public Configuration configuration { get; set; default = null; }
+
+	public static InstanceV2 from (Json.Node node) throws Error {
+		return Entity.from_json (typeof (API.InstanceV2), node) as API.InstanceV2;
+	}
+}
diff --git a/src/API/Translation.vala b/src/API/Translation.vala
new file mode 100644
index 000000000..75a770f11
--- /dev/null
+++ b/src/API/Translation.vala
@@ -0,0 +1,25 @@
+public class Tuba.API.Translation : Entity {
+	public class Poll : Entity {
+		public class Option : Entity {
+			public string title { get; set; default = ""; }
+		}
+		public string id { get; set; default = ""; }
+		public Gee.ArrayList<Option>? options { get; set; default = null; }
+	}
+
+	public class Attachment : Entity {
+		public string id { get; set; default = ""; }
+		public string options { get; set; default = ""; }
+	}
+
+	public string content { get; set; default = ""; }
+	public string spoiler_text { get; set; default = ""; }
+	public Poll? poll { get; set; default = null; }
+	public Gee.ArrayList<Attachment>? media_attachments { get; set; default = null; }
+	public string detected_source_language { get; set; default = ""; }
+	public string provider { get; set; default = ""; }
+
+	public static Translation from (Json.Node node) throws Error {
+		return Entity.from_json (typeof (API.Translation), node) as API.Translation;
+	}
+}
diff --git a/src/API/meson.build b/src/API/meson.build
index 26b2b11c3..706a7570d 100644
--- a/src/API/meson.build
+++ b/src/API/meson.build
@@ -11,6 +11,7 @@ sources += files(
     'Entity.vala',
     'Funkwhale.vala',
     'Instance.vala',
+    'InstanceV2.vala',
     'List.vala',
     'Mention.vala',
     'Notification.vala',
@@ -23,6 +24,7 @@ sources += files(
     'Suggestion.vala',
     'Tag.vala',
     'TagHistory.vala',
+    'Translation.vala',
 )
 
 subdir('Account')
diff --git a/src/Services/Accounts/InstanceAccount.vala b/src/Services/Accounts/InstanceAccount.vala
index 05d5fca98..97daafd3b 100644
--- a/src/Services/Accounts/InstanceAccount.vala
+++ b/src/Services/Accounts/InstanceAccount.vala
@@ -364,6 +364,27 @@ public class Tuba.InstanceAccount : API.Account, Streamable {
 						supported_mime_types.append (new StatusContentType (content_type));
 					}
 				}
+
+				if (instance_info.pleroma == null) {
+					gather_v2_instance_info ();
+				} else if (instance_info.pleroma.metadata != null && instance_info.pleroma.metadata.features != null) {
+					instance_info.tuba_can_translate = "akkoma:machine_translation" in instance_info.pleroma.metadata.features;
+				}
+			})
+			.exec ();
+	}
+
+	private void gather_v2_instance_info () {
+		new Request.GET ("/api/v2/instance")
+			.with_account (this)
+			.then ((in_stream) => {
+				var parser = Network.get_parser_from_inputstream (in_stream);
+				var node = network.parse_node (parser);
+				var instance_v2 = API.InstanceV2.from (node);
+
+				if (instance_v2 != null && instance_v2.configuration != null && instance_v2.configuration.translation != null) {
+					instance_info.tuba_can_translate = instance_v2.configuration.translation.enabled;
+				}
 			})
 			.exec ();
 	}
diff --git a/src/Widgets/Status.vala b/src/Widgets/Status.vala
index f65756c3c..12116b88f 100644
--- a/src/Widgets/Status.vala
+++ b/src/Widgets/Status.vala
@@ -250,6 +250,10 @@
 			var delete_status_simple_action = new SimpleAction ("delete-status", null);
 			delete_status_simple_action.activate.connect (delete_status);
 			action_group.add_action (delete_status_simple_action);
+		} else if (status.formal.visibility == "public" && accounts.active.instance_info.tuba_can_translate) {
+			var translate_simple_action = new SimpleAction ("translate", null);
+			translate_simple_action.activate.connect (translate);
+			action_group.add_action (translate_simple_action);
 		}
 	}
 
@@ -277,6 +281,10 @@
 			menu_model.append (_("Edit"), "status.edit-status");
 			menu_model.append (_("Delete"), "status.delete-status");
 		} else {
+			if (status.formal.visibility == "public" && accounts.active.instance_info.tuba_can_translate) { // TODO: change locale != desktop locale
+				menu_model.append (_("Translate"), "status.translate");
+			}
+
 			menu_model.append (_("Report"), "status.report");
 		}
 
@@ -360,6 +368,29 @@
 		);
 	}
 
+	private void translate () {
+		// TODO: akkoma
+		new Request.POST (@"/api/v1/statuses/$(status.formal.id)/translate")
+			.with_account (accounts.active)
+			.then ((in_stream) => {
+				var parser = Network.get_parser_from_inputstream (in_stream);
+				var node = network.parse_node (parser);
+				var translation = API.Translation.from (node);
+
+				// TODO: display 'revert' on the popover button
+				// TODO: replace contents
+				// TODO: keep track of originals
+				//		 maybe make a 'translation' property
+				//		 and if it exists, bind uses those
+				//		 this way we don't modify the status obj
+			})
+			.on_error ((code, message) => {
+				warning (@"Couldn't translate $(status.formal.id): $code $message");
+				app.toast (_("Couldn't translate: %s").printf (message));
+			})
+			.exec ();
+	}
+
 	protected string spoiler_text {
 		owned get {
 			var text = status.formal.spoiler_text;

From f482f70132629e673deee75437354cc1421fa27e Mon Sep 17 00:00:00 2001
From: Evan Paterakis <evan@geopjr.dev>
Date: Thu, 9 May 2024 05:05:14 +0300
Subject: [PATCH 2/2] feat: finish translations

---
 src/API/Akkoma/Translation.vala   |   8 ++
 src/API/Akkoma/meson.build        |   2 +-
 src/API/Attachment.vala           |   1 +
 src/API/PollOption.vala           |   1 +
 src/API/Status.vala               |   2 +
 src/API/Translation.vala          |  20 ++++-
 src/API/meson.build               |   2 +-
 src/Application.vala              |  13 +++
 src/Widgets/Attachment/Image.vala |   9 +-
 src/Widgets/Attachment/Item.vala  |   2 +-
 src/Widgets/Status.vala           | 144 +++++++++++++++++++++++++++---
 src/Widgets/VoteBox.vala          |  27 +++++-
 12 files changed, 211 insertions(+), 20 deletions(-)
 create mode 100644 src/API/Akkoma/Translation.vala

diff --git a/src/API/Akkoma/Translation.vala b/src/API/Akkoma/Translation.vala
new file mode 100644
index 000000000..ed84ceeb8
--- /dev/null
+++ b/src/API/Akkoma/Translation.vala
@@ -0,0 +1,8 @@
+public class Tuba.API.AkkomaTranslation : Entity {
+	public string text { get; set; default = ""; }
+	public string detected_language { get; set; default = ""; }
+
+	public static AkkomaTranslation from (Json.Node node) throws Error {
+		return Entity.from_json (typeof (API.AkkomaTranslation), node) as API.AkkomaTranslation;
+	}
+}
diff --git a/src/API/Akkoma/meson.build b/src/API/Akkoma/meson.build
index 97b0667ae..b72b57412 100644
--- a/src/API/Akkoma/meson.build
+++ b/src/API/Akkoma/meson.build
@@ -1,3 +1,3 @@
 sources += files(
-    'Source.vala',
+    'Translation.vala',
 )
\ No newline at end of file
diff --git a/src/API/Attachment.vala b/src/API/Attachment.vala
index 2dec5fb70..f8fa3cccf 100644
--- a/src/API/Attachment.vala
+++ b/src/API/Attachment.vala
@@ -10,6 +10,7 @@ public class Tuba.API.Attachment : Entity, Widgetizable {
 		set { this.t_preview_url = value; }
 		get { return (this.t_preview_url == null || this.t_preview_url == "") ? url : t_preview_url; }
 	}
+	public string? tuba_translated_alt_text { get; set; default = null; }
 
 	public File? source_file { get; set; }
 
diff --git a/src/API/PollOption.vala b/src/API/PollOption.vala
index a07a8b639..5c6de0a30 100755
--- a/src/API/PollOption.vala
+++ b/src/API/PollOption.vala
@@ -1,4 +1,5 @@
 public class Tuba.API.PollOption : Entity {
     public string? title { get; set; }
     public int64 votes_count { get; set; default=0; }
+    public string? tuba_translated_title { get; set; default = null; }
 }
diff --git a/src/API/Status.vala b/src/API/Status.vala
index 79239cbf6..d17e66f9e 100644
--- a/src/API/Status.vala
+++ b/src/API/Status.vala
@@ -91,6 +91,7 @@ public class Tuba.API.Status : Entity, Widgetizable {
 
 	public Tuba.Views.Thread.ThreadRole tuba_thread_role { get; set; default = Tuba.Views.Thread.ThreadRole.NONE; }
     public bool tuba_spoiler_revealed { get; set; default = settings.show_spoilers; }
+    public bool tuba_translatable { get; set; default = false; }
 
     //  public string clean_content {
     //      get {
@@ -108,6 +109,7 @@ public class Tuba.API.Status : Entity, Widgetizable {
             return _language;
         }
         set {
+            if (value != null) tuba_translatable = true;
             _language = value ?? settings.default_language;
         }
     }
diff --git a/src/API/Translation.vala b/src/API/Translation.vala
index 75a770f11..c1aaaa3c1 100644
--- a/src/API/Translation.vala
+++ b/src/API/Translation.vala
@@ -5,11 +5,20 @@ public class Tuba.API.Translation : Entity {
 		}
 		public string id { get; set; default = ""; }
 		public Gee.ArrayList<Option>? options { get; set; default = null; }
+
+		public override Type deserialize_array_type (string prop) {
+			switch (prop) {
+				case "options":
+					return typeof (Option);
+			}
+
+			return base.deserialize_array_type (prop);
+		}
 	}
 
 	public class Attachment : Entity {
 		public string id { get; set; default = ""; }
-		public string options { get; set; default = ""; }
+		public string description { get; set; default = ""; }
 	}
 
 	public string content { get; set; default = ""; }
@@ -22,4 +31,13 @@ public class Tuba.API.Translation : Entity {
 	public static Translation from (Json.Node node) throws Error {
 		return Entity.from_json (typeof (API.Translation), node) as API.Translation;
 	}
+
+	public override Type deserialize_array_type (string prop) {
+		switch (prop) {
+			case "media-attachments":
+				return typeof (Attachment);
+		}
+
+		return base.deserialize_array_type (prop);
+	}
 }
diff --git a/src/API/meson.build b/src/API/meson.build
index 706a7570d..b28243225 100644
--- a/src/API/meson.build
+++ b/src/API/meson.build
@@ -28,7 +28,7 @@ sources += files(
 )
 
 subdir('Account')
-# subdir('Akkoma')
+subdir('Akkoma')
 subdir('BookWyrm')
 subdir('Filters')
 subdir('Funkwhale')
diff --git a/src/Application.vala b/src/Application.vala
index 3d5de0f6a..13b066e85 100644
--- a/src/Application.vala
+++ b/src/Application.vala
@@ -27,6 +27,8 @@ namespace Tuba {
 	public static bool is_flatpak = false;
 	public static string cache_path;
 
+	public static string default_locale;
+
 	public class Application : Adw.Application {
 
 		public Dialogs.MainWindow? main_window { get; set; }
@@ -248,6 +250,17 @@ namespace Tuba {
 				Adw.init ();
 				GtkSource.init ();
 
+				var t_default_locale = Gtk.get_default_language ().to_string ();
+				if (t_default_locale == "c") {
+					default_locale = "en-US";
+				} else {
+					if (t_default_locale.index_of_char ('-') != -1) {
+						var tdl_parts = t_default_locale.split ("-", 2);
+						t_default_locale = @"$(tdl_parts[0].down ())-$(tdl_parts[1].up ())";
+					}
+					default_locale = t_default_locale;
+				}
+
 				settings = new Settings ();
 				streams = new Streams ();
 				network = new Network ();
diff --git a/src/Widgets/Attachment/Image.vala b/src/Widgets/Attachment/Image.vala
index 2a9b5c14c..2c993f59a 100644
--- a/src/Widgets/Attachment/Image.vala
+++ b/src/Widgets/Attachment/Image.vala
@@ -46,7 +46,14 @@ public class Tuba.Widgets.Attachment.Image : Widgets.Attachment.Item {
 	ulong pic_paintable_id = 0;
 	protected override void on_rebind () {
 		base.on_rebind ();
-		pic.alternative_text = entity == null ? null : entity.description;
+
+		if (entity == null) {
+			pic.alternative_text = null;
+		} else if (entity.tuba_translated_alt_text != null) {
+			pic.alternative_text = entity.tuba_translated_alt_text;
+		} else {
+			pic.alternative_text = entity.description;
+		}
 
 		if (pic_paintable_id != 0) {
 			pic.disconnect (pic_paintable_id);
diff --git a/src/Widgets/Attachment/Item.vala b/src/Widgets/Attachment/Item.vala
index dbac0c440..0c95cf5bc 100644
--- a/src/Widgets/Attachment/Item.vala
+++ b/src/Widgets/Attachment/Item.vala
@@ -136,7 +136,7 @@ public class Tuba.Widgets.Attachment.Item : Adw.Bin {
 
 	private void on_alt_text_btn_clicked () {
 		if (entity != null && entity.description != null)
-			create_alt_text_dialog (entity.description, true);
+			create_alt_text_dialog (entity.tuba_translated_alt_text == null ? entity.description : entity.tuba_translated_alt_text, true);
 	}
 
 	protected Adw.Dialog create_alt_text_dialog (string alt_text, bool show = false) {
diff --git a/src/Widgets/Status.vala b/src/Widgets/Status.vala
index 12116b88f..375b4d849 100644
--- a/src/Widgets/Status.vala
+++ b/src/Widgets/Status.vala
@@ -25,6 +25,7 @@
 	public API.Account? kind_instigator { get; set; default = null; }
 	private Gtk.Button? quoted_status_btn { get; set; default = null; }
 	public bool enable_thread_lines { get; set; default = false; }
+	public API.Translation? translation { get; private set; default = null; }
 
 	private bool _can_be_opened = true;
 	public bool can_be_opened {
@@ -137,6 +138,8 @@
 	private SimpleAction edit_history_simple_action;
 	private SimpleAction stats_simple_action;
 	private SimpleAction toggle_pinned_simple_action;
+	private SimpleAction translate_simple_action;
+	private SimpleAction show_original_simple_action;
 
 	protected Adw.Bin emoji_reactions;
 	public Gee.ArrayList<API.EmojiReaction>? reactions {
@@ -250,10 +253,17 @@
 			var delete_status_simple_action = new SimpleAction ("delete-status", null);
 			delete_status_simple_action.activate.connect (delete_status);
 			action_group.add_action (delete_status_simple_action);
-		} else if (status.formal.visibility == "public" && accounts.active.instance_info.tuba_can_translate) {
-			var translate_simple_action = new SimpleAction ("translate", null);
+		} else if (accounts.active.instance_info.tuba_can_translate) {
+			translate_simple_action = new SimpleAction ("translate", null);
 			translate_simple_action.activate.connect (translate);
+			translate_simple_action.set_enabled (true);
+
+			show_original_simple_action = new SimpleAction ("show-original", null);
+			show_original_simple_action.activate.connect (translate);
+			show_original_simple_action.set_enabled (false);
+
 			action_group.add_action (translate_simple_action);
+			action_group.add_action (show_original_simple_action);
 		}
 	}
 
@@ -281,8 +291,30 @@
 			menu_model.append (_("Edit"), "status.edit-status");
 			menu_model.append (_("Delete"), "status.delete-status");
 		} else {
-			if (status.formal.visibility == "public" && accounts.active.instance_info.tuba_can_translate) { // TODO: change locale != desktop locale
-				menu_model.append (_("Translate"), "status.translate");
+			if (
+				accounts.active.instance_info.tuba_can_translate
+				&& status.formal.tuba_translatable
+				&& (
+					status.formal.visibility == "public"
+					|| status.formal.visibility == "unlisted"
+				)
+				&& Tuba.default_locale != status.formal.language
+				&& (
+					Tuba.default_locale != "en-US"
+					|| status.formal.language != "en"
+				)
+			) {
+				var translate_menu_item = new GLib.MenuItem (_("Translate"), "status.translate");
+				translate_menu_item.set_attribute_value ("hidden-when", "action-disabled");
+
+				// translators: Post menu items to revert a translation
+				var show_original_menu_item = new GLib.MenuItem (_("Show Original"), "status.show-original");
+				show_original_menu_item.set_attribute_value ("hidden-when", "action-disabled");
+
+				// We need 2 items because we apparently
+				// can't update labels
+				menu_model.append_item (translate_menu_item);
+				menu_model.append_item (show_original_menu_item);
 			}
 
 			menu_model.append (_("Report"), "status.report");
@@ -369,20 +401,51 @@
 	}
 
 	private void translate () {
-		// TODO: akkoma
+		if (translation != null) {
+			translation = null;
+			bind ();
+
+			translate_simple_action.set_enabled (true);
+			show_original_simple_action.set_enabled (false);
+			return;
+		}
+
+		if (accounts.active.instance_info.pleroma != null) {
+			new Request.GET (@"/api/v1/statuses/$(status.formal.id)/translations/$(Tuba.default_locale)")
+				.with_account (accounts.active)
+				.then ((in_stream) => {
+					var parser = Network.get_parser_from_inputstream (in_stream);
+					var node = network.parse_node (parser);
+					var akkotrans = API.AkkomaTranslation.from (node);
+					translation = new API.Translation () {
+						content = akkotrans.text,
+						detected_source_language = akkotrans.detected_language
+					};
+					bind ();
+
+					translate_simple_action.set_enabled (false);
+					show_original_simple_action.set_enabled (true);
+				})
+				.on_error ((code, message) => {
+					warning (@"Couldn't translate $(status.formal.id): $code $message");
+					app.toast (_("Couldn't translate: %s").printf (message));
+				})
+				.exec ();
+
+			return;
+		}
+
 		new Request.POST (@"/api/v1/statuses/$(status.formal.id)/translate")
+			.with_form_data ("lang", Tuba.default_locale)
 			.with_account (accounts.active)
 			.then ((in_stream) => {
 				var parser = Network.get_parser_from_inputstream (in_stream);
 				var node = network.parse_node (parser);
-				var translation = API.Translation.from (node);
-
-				// TODO: display 'revert' on the popover button
-				// TODO: replace contents
-				// TODO: keep track of originals
-				//		 maybe make a 'translation' property
-				//		 and if it exists, bind uses those
-				//		 this way we don't modify the status obj
+				translation = API.Translation.from (node);
+				bind ();
+
+				translate_simple_action.set_enabled (false);
+				show_original_simple_action.set_enabled (true);
 			})
 			.on_error ((code, message) => {
 				warning (@"Couldn't translate $(status.formal.id): $code $message");
@@ -397,6 +460,10 @@
 			if (text == null || text == "") {
 				return _("Show More");
 			} else {
+				if (translation != null && translation.spoiler_text != null && translation.spoiler_text != "") {
+					text = translation.spoiler_text;
+				}
+
 				spoiler_text_revealed = text;
 				return text;
 			}
@@ -551,6 +618,7 @@
 
 	protected Gtk.Button prev_card;
 	private Widgets.Attachment.Box attachments;
+	private Gtk.Label translation_label;
 	private Widgets.VoteBox poll;
 	const string[] ALLOWED_CARD_TYPES = { "link", "video" };
 	ulong[] formal_handler_ids = {};
@@ -581,7 +649,12 @@
 		this.content.has_quote = status.formal.quote != null;
 		this.content.mentions = status.formal.mentions;
 		this.content.instance_emojis = status.formal.emojis_map;
-		this.content.content = status.formal.content;
+
+		if (translation != null && translation.content != null && translation.content != "") {
+			this.content.content = translation.content;
+		} else {
+			this.content.content = status.formal.content;
+		}
 
 		if (quoted_status_btn != null) content_box.remove (quoted_status_btn);
 		if (status.formal.quote != null && !is_quote) {
@@ -635,18 +708,61 @@
 		if (poll != null) content_box.remove (poll);
 		if (status.formal.poll != null) {
 			poll = new Widgets.VoteBox ();
+			poll.translation = translation;
 			bindings += status.formal.bind_property ("poll", poll, "poll", BindingFlags.SYNC_CREATE | BindingFlags.BIDIRECTIONAL);
 			content_box.append (poll);
 		}
 
 		if (attachments != null) content_box.remove (attachments);
 		if (status.formal.has_media) {
+			if (translation != null && translation.media_attachments != null && translation.media_attachments.size > 0) {
+				var translated_media = new Gee.HashMap<string, string> ();
+				translation.media_attachments.@foreach (e => {
+					translated_media.set (e.id, e.description);
+					return true;
+				});
+
+				status.formal.media_attachments.@foreach (item => {
+					if (translated_media.has_key (item.id)) {
+						item.tuba_translated_alt_text = translated_media.get (item.id);
+					}
+
+					return true;
+				});
+			} else {
+				status.formal.media_attachments.@foreach (item => {
+					item.tuba_translated_alt_text = null;
+					return true;
+				});
+			}
+
 			attachments = new Widgets.Attachment.Box ();
 			attachments.has_spoiler = status.formal.sensitive;
 			attachments.list = status.formal.media_attachments;
 			content_box.append (attachments);
 		}
 
+		if (translation_label != null) content_box.remove (translation_label);
+		if (translation != null && translation.provider != "") {
+			string translation_label_content;
+			if (translation.detected_source_language != "") {
+				// translatiors: the first variable is a language name,
+				// 				 the second variable is a service name e.g. DeepL
+				translation_label_content = _("Translated from %s using %s").printf (translation.detected_source_language.up (), translation.provider);
+			} else {
+				// translatiors: the variable is a service name e.g. DeepL
+				translation_label_content = _("Translated using %s").printf (translation.provider);
+			}
+
+			translation_label = new Gtk.Label (translation_label_content) {
+				wrap = true,
+				wrap_mode = Pango.WrapMode.WORD_CHAR,
+				xalign = 1.0f,
+				css_classes = {"subtitle"}
+			};
+			content_box.append (translation_label);
+		}
+
 		if (prev_card != null) content_box.remove (prev_card);
 		if (settings.show_preview_cards && status.formal.card != null && status.formal.card.kind in ALLOWED_CARD_TYPES) {
 			try {
diff --git a/src/Widgets/VoteBox.vala b/src/Widgets/VoteBox.vala
index 6c41a0482..8aca44bbd 100644
--- a/src/Widgets/VoteBox.vala
+++ b/src/Widgets/VoteBox.vala
@@ -7,6 +7,8 @@ public class Tuba.Widgets.VoteBox : Gtk.Box {
 	public API.Poll? poll { get; set;}
     protected Gee.ArrayList<string> selected_index = new Gee.ArrayList<string> ();
 
+    public API.Translation? translation { get; set; default=null; }
+
 	construct {
         button_vote.set_label (_("Vote"));
         button_vote.clicked.connect (on_vote_button_clicked);
@@ -34,7 +36,30 @@ public class Tuba.Widgets.VoteBox : Gtk.Box {
         return @".ttl-poll-$(percentage).ttl-poll-winner { background: linear-gradient(to right, alpha(@accent_bg_color, .5) $(percentage)%, transparent 0%); } .ttl-poll-$(percentage) { background: linear-gradient(to right, alpha(@view_fg_color, .1) $(percentage)%, transparent 0%); }"; // vala-lint=line-length
     }
 
+    void update_translations () {
+        if (poll.options != null && poll.options.size > 0) {
+            if (
+                translation != null
+                && translation.poll != null
+                && translation.poll.id != ""
+                && translation.poll.id == poll.id
+                && translation.poll.options.size > 0
+            ) {
+                for (int i = 0; i < translation.poll.options.size; i++) {
+                    poll.options.get (i).tuba_translated_title = translation.poll.options.get (i).title;
+                }
+            } else {
+                poll.options.@foreach (item => {
+                    item.tuba_translated_title = null;
+                    return true;
+                });
+            }
+        }
+    }
+
 	void update () {
+        update_translations ();
+
         var row_number = 0;
         int64 winner_p = 0;
         Widgets.VoteCheckButton group_radio_option = null;
@@ -62,7 +87,7 @@ public class Tuba.Widgets.VoteBox : Gtk.Box {
             var row = new Adw.ActionRow () {
                 css_classes = { "ttl-poll-row" },
                 use_markup = false,
-                title = p.title
+                title = p.tuba_translated_title == null ? p.title : p.tuba_translated_title
             };
 
             // If it is own poll