Fix flickering caused by turbolinks and other minor fixes

app/javascript/components/Board/PostList.tsx

@@ -50,7 +50,10 @@ const PostList = ({
             />
           ))
         :
-          !areLoading ? <span className="infoText text-muted">There are no posts.</span> : null
+          areLoading ?
+            <span className="infoText">Loading...</span>
+          :
+            <span className="infoText text-muted">There are no posts.</span>
       }
     </InfiniteScroll>
   </div>

app/javascript/components/Board/PostStatusFilter.tsx

@@ -24,9 +24,6 @@ const PostStatusFilter = ({
 }: Props) => (
   <div className="box sidebar-box postStatusFilterContainer">
     <span className="smallTitle">Filter by post status:</span>
-
-    { areLoading ? <Spinner /> : null }
-    { error ? <span className="error">{error}</span> : null }
     {
       postStatuses.map((postStatus, i) => (
         <PostStatusListItem
@@ -41,6 +38,8 @@ const PostStatusFilter = ({
         />
       ))
     }
+    { areLoading ? <Spinner /> : null }
+    { error ? <span className="error">{error}</span> : null }
   </div>
 );
 

app/views/layouts/application.html.erb

@@ -5,6 +5,8 @@
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 
+    <meta name="turbolinks-cache-control" content="no-cache">
+
     <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
   </head>