diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js new file mode 100644 index 00000000..fed42fca --- /dev/null +++ b/src/components/user_panel/user_panel.js @@ -0,0 +1,18 @@ +import LoginForm from '../login_form/login_form.vue' + +const UserPanel = { + computed: { + user () { return this.$store.state.users.currentUser }, + style () { + return { + color: `#${this.user.profile_link_color}`, + 'background-image': `url(${this.user.cover_photo})` + } + } + }, + components: { + LoginForm + } +} + +export default UserPanel diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue new file mode 100644 index 00000000..9fcb4856 --- /dev/null +++ b/src/components/user_panel/user_panel.vue @@ -0,0 +1,39 @@ + + + + + + + + + {{user.name}} + @{{user.screen_name}} + + + + + + Statuses + {{user.statuses_count}} + + + Following + {{user.friends_count}} + + + Followers + {{user.followers_count}} + + + {{user.description}} + + + + + + + + +
{{user.description}}