Extract strings

lib/generated/intl/messages_en.dart

@@ -751,6 +751,9 @@ class MessageLookup extends MessageLookupByLibrary {
         "nothingToSeeHere":
             MessageLookupByLibrary.simpleMessage("Nothing to see here! 👀"),
         "ok": MessageLookupByLibrary.simpleMessage("Ok"),
+        "onDevice": MessageLookupByLibrary.simpleMessage("On device"),
+        "onEnte": MessageLookupByLibrary.simpleMessage(
+            "On <branding>ente</branding>"),
         "oops": MessageLookupByLibrary.simpleMessage("Oops"),
         "oopsSomethingWentWrong":
             MessageLookupByLibrary.simpleMessage("Oops, something went wrong"),

lib/generated/l10n.dart

@@ -4630,6 +4630,26 @@ class S {
     );
   }
 
+  /// `On device`
+  String get onDevice {
+    return Intl.message(
+      'On device',
+      name: 'onDevice',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `On <branding>ente</branding>`
+  String get onEnte {
+    return Intl.message(
+      'On <branding>ente</branding>',
+      name: 'onEnte',
+      desc: '',
+      args: [],
+    );
+  }
+
   /// `Name`
   String get name {
     return Intl.message(

lib/l10n/intl_en.arb

@@ -625,6 +625,8 @@
   "collectEventPhotos": "Collect event photos",
   "sessionExpired": "Session expired",
   "loggingOut": "Logging out...",
+  "onDevice": "On device",
+  "onEnte": "On <branding>ente</branding>",
   "name": "Name",
   "newest": "Newest",
   "lastUpdated": "Last updated",

lib/ui/collections/section_title.dart

@@ -1,10 +1,12 @@
 import 'package:flutter/material.dart';
+import "package:photos/generated/l10n.dart";
 import 'package:photos/theme/ente_theme.dart';
 import 'package:photos/theme/text_style.dart';
+import "package:styled_text/styled_text.dart";
 
 class SectionTitle extends StatelessWidget {
   final String? title;
-  final RichText? titleWithBrand;
+  final Widget? titleWithBrand;
 
   const SectionTitle({
     this.title,
@@ -40,22 +42,21 @@ class SectionTitle extends StatelessWidget {
   }
 }
 
-RichText getOnEnteSection(BuildContext context) {
+Widget getOnEnteSection(BuildContext context) {
   final EnteTextTheme textTheme = getEnteTextTheme(context);
-  return RichText(
-    text: TextSpan(
-      children: [
-        TextSpan(
-          text: "On ",
-          style: TextStyle(
-            fontWeight: FontWeight.w600,
-            fontFamily: 'Inter',
-            fontSize: 21,
-            color: textTheme.brandSmall.color,
-          ),
-        ),
-        TextSpan(text: "ente", style: textTheme.brandSmall),
-      ],
+
+  return StyledText(
+    text: S.of(context).onEnte,
+    style: TextStyle(
+      fontWeight: FontWeight.w600,
+      fontFamily: 'Inter',
+      fontSize: 21,
+      color: textTheme.brandSmall.color,
     ),
+    tags: {
+      'branding': StyledTextTag(
+        style: textTheme.brandSmall,
+      ),
+    },
   );
 }

lib/ui/collections_gallery_widget.dart

@@ -147,7 +147,7 @@ class _CollectionsGalleryWidgetState extends State<CollectionsGalleryWidget>
         child: Column(
           children: [
             const SizedBox(height: 12),
-            const SectionTitle(title: "On device"),
+            SectionTitle(title: S.of(context).onDevice),
             const SizedBox(height: 12),
             const DeviceFoldersGridViewWidget(),
             Row(