Settings: add translations

src/settings/Settings.tsx

@@ -272,13 +272,13 @@ const Settings: Component = () => {
           <Divider />
         </li>
         <li>
-          <ListSubheader>Storage</ListSubheader>
+          <ListSubheader>{t("storage")}</ListSubheader>
           <ListItemButton disabled>
             <ListItemIcon>
               <DeleteForever />
             </ListItemIcon>
-            <ListItemText secondary={"The cache is managed by your browser."}>
-              Clear cache...
+            <ListItemText secondary={t("storage.cache.UA-managed")}>
+              {t("storage.cache.clear")}
             </ListItemText>
           </ListItemButton>
         </li>
@@ -324,7 +324,7 @@ const Settings: Component = () => {
             secondaryAction={
               <IconButton
                 component={A}
-                aria-label="Open Tutu's Mastodon"
+                aria-label={t("mastodonlink.open")}
                 href={`/${encodeURIComponent(profiles().length > 0 ? makeAcctText(profiles()[0]) : "@")}/profile/@tutu@indieweb.social`}
               >
                 <MastodonLogo />

src/settings/i18n/en.json

@@ -33,5 +33,11 @@
   "motions.gifs": "GIFs",
   "motions.gifs.autoplay": "Auto-play GIFs",
   "motions.vids": "Videos",
-  "motions.vids.autoplay": "Auto-play Videos"
+  "motions.vids.autoplay": "Auto-play Videos",
+
+  "storage": "Storage",
+  "storage.cache.clear": "Clear Cache",
+  "storage.cache.UA-managed": "Cache is managed by your browser.",
+
+  "mastodonlink.open": "Open Tutu's Mastodon"
 }

src/settings/i18n/zh-Hans.json

@@ -33,5 +33,11 @@
   "motions.gifs": "动图",
   "motions.gifs.autoplay": "自动播放动图",
   "motions.vids": "视频",
-  "motions.vids.autoplay": "自动播放视频"
+  "motions.vids.autoplay": "自动播放视频",
+
+  "storage": "存储空间",
+  "storage.cache.clear": "清除缓存",
+  "storage.cache.UA-managed": "缓存由你的浏览器管理。",
+
+  "mastodonlink.open": "打开图图的Mastodon账户"
 }