diff --git a/src/App.js b/src/App.js
index 0f3d0f2e..5c27a3df 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_pan
import ChatPanel from './components/chat_panel/chat_panel.vue'
import MediaModal from './components/media_modal/media_modal.vue'
import SideDrawer from './components/side_drawer/side_drawer.vue'
-import NewStatusButton from './components/new_status_button/new_status_button.vue'
+import MobilePostStatusModal from './components/mobile_post_status_modal/mobile_post_status_modal.vue'
import { unseenNotificationsFromStore } from './services/notification_utils/notification_utils'
export default {
@@ -24,7 +24,7 @@ export default {
ChatPanel,
MediaModal,
SideDrawer,
- NewStatusButton
+ MobilePostStatusModal
},
data: () => ({
mobileActivePanel: 'timeline',
diff --git a/src/App.vue b/src/App.vue
index 8955ed08..4fff3d1d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -50,7 +50,7 @@
-
+
diff --git a/src/components/new_status_button/new_status_button.js b/src/components/mobile_post_status_modal/mobile_post_status_modal.js
similarity index 88%
rename from src/components/new_status_button/new_status_button.js
rename to src/components/mobile_post_status_modal/mobile_post_status_modal.js
index 8c91d18b..92314880 100644
--- a/src/components/new_status_button/new_status_button.js
+++ b/src/components/mobile_post_status_modal/mobile_post_status_modal.js
@@ -1,7 +1,7 @@
import PostStatusForm from '../post_status_form/post_status_form.vue'
import { throttle } from 'lodash'
-const NewStatusButton = {
+const MobilePostStatusModal = {
components: {
PostStatusForm
},
@@ -15,7 +15,6 @@ const NewStatusButton = {
}
},
created () {
- console.log('new-status-button')
window.addEventListener('scroll', this.handleScroll)
},
destroyed () {
@@ -23,7 +22,6 @@ const NewStatusButton = {
},
computed: {
currentUser () {
- console.log(this.$store.state.users.currentUser)
return this.$store.state.users.currentUser
}
},
@@ -31,6 +29,11 @@ const NewStatusButton = {
openPostForm () {
this.postFormOpen = true
this.shown = false
+
+ const el = this.$el.querySelector('textarea')
+ this.$nextTick(function () {
+ el.focus()
+ })
},
closePostForm () {
this.postFormOpen = false
@@ -59,4 +62,4 @@ const NewStatusButton = {
}
}
-export default NewStatusButton
+export default MobilePostStatusModal
diff --git a/src/components/new_status_button/new_status_button.vue b/src/components/mobile_post_status_modal/mobile_post_status_modal.vue
similarity index 96%
rename from src/components/new_status_button/new_status_button.vue
rename to src/components/mobile_post_status_modal/mobile_post_status_modal.vue
index 8ebc8583..ffac7c99 100644
--- a/src/components/new_status_button/new_status_button.vue
+++ b/src/components/mobile_post_status_modal/mobile_post_status_modal.vue
@@ -20,7 +20,7 @@
-
+