:v:

4 files changed, 30 insertions, 7 deletions

diff --git a/src/api/serializers/user.ts b/src/api/serializers/user.ts
index d9dd4af7ca..945c01d258 100644
--- a/src/api/serializers/user.ts
+++ b/src/api/serializers/user.ts
@@ -65,8 +65,8 @@ export default (
 	delete _user.token;
 	delete _user.username_lower;
 	if (_user.twitter) {
-		delete _user.twitter.accessToken;
-		delete _user.twitter.accessTokenSecret;
+		delete _user.twitter.access_token;
+		delete _user.twitter.access_token_secret;
 	}
 
 	// Visible via only the official client
diff --git a/src/api/service/twitter.ts b/src/api/service/twitter.ts
index 9891ddd64c..2d97a26dcf 100644
--- a/src/api/service/twitter.ts
+++ b/src/api/service/twitter.ts
@@ -38,7 +38,12 @@ module.exports = (app: express.Application) => {
 				token: res.locals.user
 			}, {
 				$set: {
-					twitter: result
+					twitter: {
+						access_token: result.accessToken,
+						access_token_secret: result.accessTokenSecret,
+						user_id: result.userId,
+						screen_name: result.screenName
+					}
 				}
 			});
 
diff --git a/src/web/app/desktop/tags/settings.tag b/src/web/app/desktop/tags/settings.tag
index 0ef658ce47..0e0ebe7693 100644
--- a/src/web/app/desktop/tags/settings.tag
+++ b/src/web/app/desktop/tags/settings.tag
@@ -65,9 +65,14 @@
 
 		<section class="twitter" show={ page == 'twitter' }>
 			<h1>Twitter</h1>
-			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。</p>
-			<p if={ I.twitter }>アカウントは次のTwitterアカウントに接続されています: <strong>@{ I.twitter.screenName }</strong></p>
-			<a href={ CONFIG.api.url + '/connect/twitter' } target='_blank'>{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+			<p>お使いのTwitterアカウントをお使いのMisskeyアカウントに接続しておくと、プロフィールでTwitterアカウント情報が表示されるようになったり、Twitterを用いた便利なサインインを利用できるようになります。<a href={ CONFIG.urls.about + '/link-to-twitter' } target="_blank">詳細...</a></p>
+			<p class="account" if={ I.twitter } title={ 'Twitter ID: ' + I.twitter.user_id }>次のTwitterアカウントに接続されています: <a href={ 'https://twitter.com/' + I.twitter.screen_name } target="_blank">@{ I.twitter.screen_name }</a></p>
+			<p>
+				<a href={ CONFIG.api.url + '/connect/twitter' } target="_blank">{ I.twitter ? '再接続する' : 'Twitterと接続する' }</a>
+				<span if={ I.twitter }> or </span>
+				<a href={ CONFIG.api.url + '/disconnect/twitter' } target="_blank" if={ I.twitter }>切断する</a>
+			</p>
+			<p class="id" if={ I.twitter }>Twitter ID: { I.twitter.user_id }</p>
 		</section>
 
 		<section class="signin" show={ page == 'signin' }>
@@ -206,6 +211,19 @@
 									float left
 									margin-left 8px
 
+					&.twitter
+						.account
+							border solid 1px #e1e8ed
+							border-radius 4px
+							padding 16px
+
+							a
+								font-weight bold
+								color inherit
+
+						.id
+							color #8899a6
+
 					&.api
 						code
 							padding 4px
diff --git a/src/web/app/desktop/tags/user-profile.tag b/src/web/app/desktop/tags/user-profile.tag
index ca131b2222..12101ed633 100644
--- a/src/web/app/desktop/tags/user-profile.tag
+++ b/src/web/app/desktop/tags/user-profile.tag
@@ -8,7 +8,7 @@
 		<p><i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' }</p>
 	</div>
 	<div class="twitter" if={ user.twitter }>
-		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screenName } target='_blank'>@{ user.twitter.screenName }</a></p>
+		<p><i class="fa fa-twitter"></i><a href={ 'https://twitter.com/' + user.twitter.screen_name } target="_blank">@{ user.twitter.screen_name }</a></p>
 	</div>
 	<div class="friends">
 		<p class="following"><i class="fa fa-angle-right"></i><a onclick={ showFollowing }>{ user.following_count }</a>人を<b>フォロー</b></p>