From 76e78e70e54da19e47ef01a9c404436fb7992e05 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 4 Feb 2018 10:50:39 -0800
Subject: [PATCH] refactor status some more

---
 routes/_components/status/Status.html         | 35 ++++++++-----------
 ...ments.html => StatusMediaAttachments.html} |  0
 routes/_components/status/StatusSidebar.html  | 17 +++++++++
 .../{Toolbar.html => StatusToolbar.html}      |  0
 4 files changed, 31 insertions(+), 21 deletions(-)
 rename routes/_components/status/{MediaAttachments.html => StatusMediaAttachments.html} (100%)
 create mode 100644 routes/_components/status/StatusSidebar.html
 rename routes/_components/status/{Toolbar.html => StatusToolbar.html} (100%)

diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html
index 1e5d00f..f0234db 100644
--- a/routes/_components/status/Status.html
+++ b/routes/_components/status/Status.html
@@ -6,21 +6,21 @@
     <StatusHeader :notification :status />
   {{/if}}
   <StatusAuthor status="{{originalStatus}}" :isStatusInContext />
-  <Avatar account={{originalAccount}} className="status-sidebar" size="small" />
+  <StatusSidebar status="{{originalStatus}}" />
   {{#if originalStatus.spoiler_text}}
     <StatusSpoiler status="{{originalStatus}}" :spoilerShown on:recalculateHeight />
   {{/if}}
   {{#if !originalStatus.spoiler_text || spoilerShown}}
     <StatusContent status="{{originalStatus}}" />
   {{/if}}
-  {{#if originalMediaAttachments && originalMediaAttachments.length}}
-    <MediaAttachments
+  {{#if originalStatusMediaAttachments && originalStatusMediaAttachments.length}}
+    <StatusMediaAttachments
       status="{{originalStatus}}"
-      mediaAttachments="{{originalMediaAttachments}}"
+      mediaAttachments="{{originalStatusMediaAttachments}}"
       on:recalculateHeight
       />
   {{/if}}
-  <Toolbar :status />
+  <StatusToolbar :status />
 </article>
 
 <style>
@@ -45,11 +45,6 @@
     background-color: var(--status-direct-background);
   }
 
-  :global(.status-sidebar) {
-    grid-area: status-sidebar;
-    margin: 0 10px 0 0;
-  }
-
   @media (max-width: 767px) {
     .status-article {
       padding: 10px 10px;
@@ -58,33 +53,31 @@
   }
 </style>
 <script>
-  import Avatar from './Avatar.html'
-  import MediaAttachments from './MediaAttachments.html'
+  import StatusSidebar from './StatusSidebar.html'
+  import StatusHeader from './StatusHeader.html'
   import StatusAuthor from './StatusAuthor.html'
   import StatusContent from './StatusContent.html'
-  import Toolbar from './Toolbar.html'
-  import StatusHeader from './StatusHeader.html'
+  import StatusToolbar from './StatusToolbar.html'
   import StatusSpoiler from './StatusSpoiler.html'
-  import ExternalLink from '../ExternalLink.html'
+  import StatusMediaAttachments from './StatusMediaAttachments.html'
   import { store } from '../../_store/store'
 
   export default {
     components: {
-      Avatar,
-      MediaAttachments,
-      Toolbar,
-      ExternalLink,
+      StatusSidebar,
       StatusHeader,
       StatusAuthor,
       StatusContent,
-      StatusSpoiler
+      StatusToolbar,
+      StatusSpoiler,
+      StatusMediaAttachments,
     },
     store: () => store,
     computed: {
       isStatusInContext: (timelineType, timelineValue, statusId) => timelineType === 'status' && timelineValue === statusId,
       originalStatus: (status) => status.reblog ? status.reblog : status,
       originalAccount: (originalStatus) => originalStatus.account,
-      originalMediaAttachments: (originalStatus) => originalStatus.media_attachments,
+      originalStatusMediaAttachments: (originalStatus) => originalStatus.media_attachments,
       statusId: (originalStatus) => originalStatus.id,
       spoilerShown: ($spoilersShown, $currentInstance, statusId) => $spoilersShown && $spoilersShown[$currentInstance] && $spoilersShown[$currentInstance][statusId]
     }
diff --git a/routes/_components/status/MediaAttachments.html b/routes/_components/status/StatusMediaAttachments.html
similarity index 100%
rename from routes/_components/status/MediaAttachments.html
rename to routes/_components/status/StatusMediaAttachments.html
diff --git a/routes/_components/status/StatusSidebar.html b/routes/_components/status/StatusSidebar.html
new file mode 100644
index 0000000..245c2de
--- /dev/null
+++ b/routes/_components/status/StatusSidebar.html
@@ -0,0 +1,17 @@
+<Avatar account={{status.account}}
+        className="status-sidebar"
+        size="small" />
+<style>
+  :global(.status-sidebar) {
+    grid-area: status-sidebar;
+    margin: 0 10px 0 0;
+  }
+</style>
+<script>
+  import Avatar from './Avatar.html'
+  export default {
+    components: {
+      Avatar
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/routes/_components/status/Toolbar.html b/routes/_components/status/StatusToolbar.html
similarity index 100%
rename from routes/_components/status/Toolbar.html
rename to routes/_components/status/StatusToolbar.html