wip

src/client/app/desktop/api/post.ts

@@ -6,7 +6,7 @@ export default (os: OS) => opts => {
 	const o = opts || {};
 	if (o.renote) {
 		const vm = os.new(RenoteFormWindow, {
-			renote: o.renote
+			note: o.renote
 		});
 		document.body.appendChild(vm.$el);
 	} else {

src/client/app/desktop/views/components/received-follow-requests-window.vue

@@ -2,7 +2,7 @@
 <mk-window ref="window" is-modal width="450px" height="500px" @closed="$destroy">
 	<span slot="header">%fa:envelope R% %i18n:@title%</span>
 
-	<div data-id="c1136cec-1278-49b1-9ea7-412c1ef794f4" :data-darkmode="$store.state.device.darkmode">
+	<div class="slpqaxdoxhvglersgjukmvizkqbmbokc" :data-darkmode="$store.state.device.darkmode">
 		<div v-for="req in requests">
 			<router-link :key="req.id" :to="req.follower | userPage">{{ req.follower | userName }}</router-link>
 			<span>
@@ -63,10 +63,10 @@ root(isDark)
 		> span
 			margin 0 0 0 auto
 
-[data-id="c1136cec-1278-49b1-9ea7-412c1ef794f4"][data-darkmode]
+.slpqaxdoxhvglersgjukmvizkqbmbokc[data-darkmode]
 	root(true)
 
-[data-id="c1136cec-1278-49b1-9ea7-412c1ef794f4"]:not([data-darkmode])
+.slpqaxdoxhvglersgjukmvizkqbmbokc:not([data-darkmode])
 	root(false)
 
 </style>

src/client/app/desktop/views/components/user-lists-window.vue

@@ -2,7 +2,7 @@
 <mk-window ref="window" is-modal width="450px" height="500px" @closed="$destroy">
 	<span slot="header">%fa:list% %i18n:@title%</span>
 
-	<div data-id="6e4caea3-d8f9-4ab7-96de-ab67fe8d5c82" :data-darkmode="$store.state.device.darkmode">
+	<div class="xkxvokkjlptzyewouewmceqcxhpgzprp" :data-darkmode="$store.state.device.darkmode">
 		<button class="ui" @click="add">%i18n:@create-list%</button>
 		<a v-for="list in lists" :key="list.id" @click="choice(list)">{{ list.title }}</a>
 	</div>
@@ -60,10 +60,10 @@ root(isDark)
 		border solid 1px isDark ? #1c2023 : #eee
 		border-radius 4px
 
-[data-id="6e4caea3-d8f9-4ab7-96de-ab67fe8d5c82"][data-darkmode]
+.xkxvokkjlptzyewouewmceqcxhpgzprp[data-darkmode]
 	root(true)
 
-[data-id="6e4caea3-d8f9-4ab7-96de-ab67fe8d5c82"]:not([data-darkmode])
+.xkxvokkjlptzyewouewmceqcxhpgzprp:not([data-darkmode])
 	root(false)
 
 </style>

src/client/app/desktop/views/pages/deck/deck.column.vue

@@ -61,7 +61,6 @@ root(isDark)
 	min-width 330px
 	max-width 330px
 	height 100%
-	margin-right 16px
 	background isDark ? #282C37 : #fff
 	border-radius 6px
 	box-shadow 0 2px 16px rgba(#000, 0.1)

src/client/app/desktop/views/pages/deck/deck.note.vue

@@ -111,14 +111,6 @@ export default Vue.extend({
 			return this.isRenote ? this.note.renote : this.note;
 		},
 
-		reactionsCount(): number {
-			return this.p.reactionCounts
-				? Object.keys(this.p.reactionCounts)
-					.map(key => this.p.reactionCounts[key])
-					.reduce((a, b) => a + b)
-				: 0;
-		},
-
 		urls(): string[] {
 			if (this.p.text) {
 				const ast = parse(this.p.text);
@@ -144,24 +136,6 @@ export default Vue.extend({
 		if (this.$store.getters.isSignedIn) {
 			this.connection.on('_connected_', this.onStreamConnected);
 		}
-
-		// Draw map
-		if (this.p.geo) {
-			const shouldShowMap = this.$store.getters.isSignedIn ? this.$store.state.settings.showMaps : true;
-			if (shouldShowMap) {
-				(this as any).os.getGoogleMaps().then(maps => {
-					const uluru = new maps.LatLng(this.p.geo.coordinates[1], this.p.geo.coordinates[0]);
-					const map = new maps.Map(this.$refs.map, {
-						center: uluru,
-						zoom: 15
-					});
-					new maps.Marker({
-						position: uluru,
-						map: map
-					});
-				});
-			}
-		}
 	},
 
 	beforeDestroy() {

src/client/app/desktop/views/pages/deck/deck.vue

@@ -1,12 +1,13 @@
 <template>
 <mk-ui :class="$style.root">
-	<div class="qlvquzbjribqcaozciifydkngcwtyzje">
+	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :data-darkmode="$store.state.device.darkmode">
 		<template v-for="column in columns">
 			<x-notifications-column v-if="column.type == 'notifications'" :key="column.id"/>
 			<x-tl-column v-if="column.type == 'home'" :key="column.id" src="home"/>
 			<x-tl-column v-if="column.type == 'local'" :key="column.id" src="local"/>
 			<x-tl-column v-if="column.type == 'global'" :key="column.id" src="global"/>
 		</template>
+		<button>%fa:plus%</button>
 	</div>
 </mk-ui>
 </template>
@@ -72,6 +73,22 @@ root(isDark)
 	padding 16px 0 16px 16px
 	overflow auto
 
+	> div
+		margin-right 16px
+
+		&:last-of-type
+			margin-right 0
+
+	> button
+		padding 0 16px
+		color isDark ? #93a0a5 : #888
+
+		&:hover
+			color isDark ? #b8c5ca : #777
+
+		&:active
+			color isDark ? #fff : #555
+
 .qlvquzbjribqcaozciifydkngcwtyzje[data-darkmode]
 	root(true)