remove empty content after a post has been added

Fixes #1070

Signed-off-by: Robin Appelman <robin@icewind.nl>

cypress/integration/post.spec.js

@@ -41,6 +41,10 @@ describe('Create posts', function() {
 		Cypress.Cookies.preserveOnce('nc_username', 'nc_token', 'nc_session_id', 'oc_sessionPassphrase');
 	})
 
+	it('See the empty content illustration', function() {
+		cy.get('.emptycontent').should('be.visible').contains('No posts found')
+	})
+
 	it('Write a post to followers', function() {
 		cy.visit('/apps/social/')
 		cy.server()
@@ -56,6 +60,10 @@ describe('Create posts', function() {
 		cy.get('.social__timeline div.timeline-entry:first-child').should('contain', 'Hello world')
 	})
 
+	it('No longer see the empty content illustration', function() {
+		cy.get('.emptycontent').should('not.be.visible')
+	})
+
 	it('Write a post to followers with shift enter', function() {
 		cy.visit('/apps/social/')
 		cy.server()

src/components/TimelineList.vue

@@ -33,7 +33,7 @@
 				<div class="list-end" />
 			</div>
 			<div slot="no-results">
-				<empty-content :item="emptyContentData" />
+				<empty-content v-if="timeline.length === 0" :item="emptyContentData" />
 			</div>
 		</infinite-loading>
 	</div>