Fix up nsfw and some styling.

2 files changed, 11 insertions, 4 deletions

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 2842ef0f..6ee8f0dd 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -2,9 +2,6 @@ import Attachment from '../attachment/attachment.vue'
 
 const Status = {
   props: [ 'statusoid' ],
-  data: () => ({
-    nsfw: true
-  }),
   computed: {
     retweet () { return !!this.statusoid.retweeted_status },
     retweeter () { return this.statusoid.user.name },
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 04a55f67..a6a5aac2 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -26,7 +26,7 @@
         <div v-html="status.statusnet_html"></div>
 
         <div v-if='status.attachments' class='attachments'>
-          <attachment :nsfw="nsfw" :attachment="attachment" v-for="attachment in status.attachments">
+          <attachment :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments">
           </attachment>
         </div>
 
@@ -49,3 +49,13 @@
 </template>
 
 <script src="./status.js" ></script>
+
+<style lang="scss">
+ .status-el {
+     word-wrap: break-word;
+
+     a {
+         word-break: break-all;
+     }
+ }
+</style>