Show hints about remote users

package.json

@@ -19,10 +19,10 @@
     "@babel/runtime": "7.17.8",
     "@chenfengyuan/vue-qrcode": "2.0.0",
     "@floatingghost/pinch-zoom-element": "^1.3.1",
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@fortawesome/free-regular-svg-icons": "^6.1.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.2.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/vue-fontawesome": "3.0.1",
+    "@fortawesome/vue-fontawesome": "3.0.3",
     "@vuelidate/core": "^2.0.0",
     "@vuelidate/validators": "^2.0.0",
     "blurhash": "^2.0.4",

src/components/user_profile/user_profile.vue

@@ -1,5 +1,11 @@
 <template>
   <div>
+    <div
+      v-if="isExternal"
+      class="panel panel-default remote-user-hint"
+    >
+      {{ $t('user_profile.remote_user_hint') }}
+    </div>
     <div
       v-if="user"
       class="user-profile panel panel-default"
@@ -208,6 +214,13 @@
 <style lang="scss">
 @import '../../_variables.scss';
 
+.remote-user-hint {
+  margin-bottom: var(--___columnMargin);
+  padding: 1em;
+  background: var(--alertPopupNeutral);
+  color: var(--alertPopupNeutralText);
+}
+
 .user-profile {
   flex: 2;
   flex-basis: 500px;
@@ -291,6 +304,7 @@
     }
   }
 }
+
 .user-profile-placeholder {
   .panel-body {
     display: flex;

src/i18n/en.json

@@ -1200,7 +1200,8 @@
         "profile_does_not_exist": "Sorry, this profile does not exist.",
         "profile_loading_error": "Sorry, there was an error loading this profile.",
         "timeline_title": "User timeline",
-        "field_validated": "Link Verified"
+        "field_validated": "Link Verified",
+        "remote_user_hint": "Data for remote users may be inaccurate."
     },
     "user_reporting": {
         "add_comment_description": "The report will be sent to your instance moderators. You can provide an explanation of why you are reporting this account below:",

src/i18n/ja_pedantic.json

@@ -439,7 +439,7 @@
     },
     "remote_user_resolver": {
         "error": "見つかりませんでした。",
-        "remote_user_resolver": "リモートユーザーリゾルバー",
+        "remote_user_resolver": "リモートユーザー検索",
         "searching_for": "検索中"
     },
     "search": {
@@ -821,7 +821,7 @@
                 },
                 "custom": "カスタム",
                 "family": "フォント名",
-                "help": "「カスタム」を選んだときは、システムにあるフォントの名前を、正しく入力してください。",
+                "help": "フォントに「カスタム」を設定する場合は、システム上の名前を正しく入力してください。",
                 "size": "大きさ（px）",
                 "weight": "太さ"
             },
@@ -911,7 +911,7 @@
         "theme_help": "カラーテーマをカスタマイズできます。",
         "theme_help_v2_1": "チェックボックスをONにすると、コンポーネントごとに、色と透明度をオーバーライドできます。「すべてクリア」ボタンを押すと、すべてのオーバーライドをやめます。",
         "theme_help_v2_2": "バックグラウンドとテキストのコントラストを表すアイコンがあります。マウスをホバーすると、詳しい説明が出ます。透明な色を使っているときは、最悪の場合のコントラストが示されます。",
-        "third_column_mode": "空きがあれば、３つ目のカラム",
+        "third_column_mode": "空きがあれば、3つ目のカラム",
         "third_column_mode_none": "を追加しない",
         "third_column_mode_notifications": "で通知を表示",
         "third_column_mode_postform": "で投稿フォームを表示",
@@ -928,8 +928,8 @@
         "use_contain_fit": "画像のサムネイルを切り抜かない",
         "use_one_click_nsfw": "NSFWに設定されたメディアをワンクリックで開く",
         "user_mutes": "ユーザー",
-        "user_profile_default_tab": "ユーザープロファイルの初期タブ",
+        "user_profile_default_tab": "プロフィール画面の初期タブ",
-        "user_profiles": "ユーザーのプロファイル",
+        "user_profiles": "プロフィール画面",
         "user_settings": "ユーザー設定",
         "valid_until": "まで有効",
         "values": {
@@ -969,7 +969,7 @@
         "edit_history_modal_title": "{historyCount}回編集",
         "edited_at": "{time}に編集",
         "expand": "広げる",
-        "external_source": "外部ソース",
+        "external_source": "外部で表示",
         "favorites": "お気に入り",
         "hide_attachment": "ファイルを隠す",
         "hide_content": "隠す",
@@ -1193,12 +1193,14 @@
     "user_profile": {
         "profile_does_not_exist": "このプロフィールは存在しません。",
         "profile_loading_error": "プロフィールの読み込み中にエラーが発生しました。",
-        "timeline_title": "ユーザータイムライン"
+        "timeline_title": "ユーザータイムライン",
+        "field_validated": "確認済",
+        "remote_user_hint": "リモートユーザーのデータは、不正確な場合があります。"
     },
     "user_reporting": {
-        "add_comment_description": "この通報はインスタンスのモデレーターに送信されます。必要であれば、通報の説明を追加してください：",
+        "add_comment_description": "通報はこのインスタンスのモデレーターに送信されます。必要であれば、通報の詳細を追加してください：",
         "additional_comments": "追加のコメント",
-        "forward_description": "外部のサーバーのアカウントです。この通報のコピーをリモートのサーバーに送りますか？",
+        "forward_description": "このアカウントはリモートユーザーです。通報のコピーをオリジナルのインスタンスに転送しますか？",
         "forward_to": "転送する：{0}",
         "generic_error": "リクエストを処理しようとしましたが、エラーが発生しました。",
         "submit": "送信",

yarn.lock

@@ -1357,41 +1357,36 @@
   dependencies:
     pointer-tracker "^2.0.3"
 
-"@fortawesome/fontawesome-common-types@6.2.0":
+"@fortawesome/fontawesome-common-types@6.4.2":
-  version "6.2.0"
+  version "6.4.2"
-  resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz#1766039cad33f8ad87f9467b98e0d18fbc8f01c5"
-  integrity sha512-rBevIsj2nclStJ7AxTdfsa3ovHb1H+qApwrxcTVo+NNdeJiB9V75hsKfrkG5AwNcRUNxrPPiScGYCNmLMoh8pg==
+  integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
 
-"@fortawesome/fontawesome-common-types@^0.3.0":
+"@fortawesome/fontawesome-svg-core@6.4.2":
-  version "0.3.0"
+  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.3.0.tgz#949995a05c0d8801be7e0a594f775f1dbaa0d893"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz#37f4507d5ec645c8b50df6db14eced32a6f9be09"
-  integrity sha512-CA3MAZBTxVsF6SkfkHXDerkhcQs0QPofy43eFdbWJJkZiq3SfiaH1msOkac59rQaqto5EqWnASboY1dBuKen5w==
+  integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
-
-"@fortawesome/fontawesome-svg-core@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.3.0.tgz#343fac91fa87daa630d26420bfedfba560f85885"
-  integrity sha512-UIL6crBWhjTNQcONt96ExjUnKt1D68foe3xjEensLDclqQ6YagwCRYVQdrp/hW0ALRp/5Fv/VKw+MqTUWYYvPg==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "^0.3.0"
+    "@fortawesome/fontawesome-common-types" "6.4.2"
 
-"@fortawesome/free-regular-svg-icons@^6.1.2":
+"@fortawesome/free-regular-svg-icons@^6.4.2":
-  version "6.2.0"
+  version "6.4.2"
-  resolved "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz#aee79ed76ce5dd04931352f9d83700761b8b1b25"
-  integrity sha512-M1dG+PAmkYMTL9BSUHFXY5oaHwBYfHCPhbJ8qj8JELsc9XCrUJ6eEHWip4q0tE+h9C0DVyFkwIM9t7QYyCpprQ==
+  integrity sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.2.0"
+    "@fortawesome/fontawesome-common-types" "6.4.2"
 
-"@fortawesome/free-solid-svg-icons@^6.2.0":
+"@fortawesome/free-solid-svg-icons@^6.4.2":
-  version "6.2.0"
+  version "6.4.2"
-  resolved "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz#33a02c4cb6aa28abea7bc082a9626b7922099df4"
-  integrity sha512-UjCILHIQ4I8cN46EiQn0CZL/h8AwCGgR//1c4R96Q5viSRwuKVo0NdQEc4bm+69ZwC0dUvjbDqAHF1RR5FA3XA==
+  integrity sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==
   dependencies:
-    "@fortawesome/fontawesome-common-types" "6.2.0"
+    "@fortawesome/fontawesome-common-types" "6.4.2"
 
-"@fortawesome/vue-fontawesome@3.0.1":
+"@fortawesome/vue-fontawesome@3.0.3":
-  version "3.0.1"
+  version "3.0.3"
-  resolved "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.3.tgz#633e2998d11f7d4ed41f0d5ea461a22ec9b9d034"
-  integrity sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==
+  integrity sha512-KCPHi9QemVXGMrfuwf3nNnNo129resAIQWut9QTAMXmXqL2ErABC6ohd2yY5Ipq0CLWNbKHk8TMdTXL/Zf3ZhA==
 
 "@humanwhocodes/config-array@^0.5.0":
   version "0.5.0"