Cleanup tag docs (#1275)

resolves #969

docs/docs/apps/ui/introduction.md

@@ -45,8 +45,3 @@ Additional features like [Filters, Search](inbox) and [Tags](tags) help you.
         link='apps/ui/components'
     />
 </ButtonBoxList>
-
-**Overview**
-
-<img alt="Demo Tags"
-src={useBaseUrl('img/apps/ui/demotags.gif')} />

docs/docs/apps/ui/tags.md

@@ -4,10 +4,9 @@ sidebar_label: Tags
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import TLDR from "@site/src/components/TLDR";
 
-**Introduction**
-
-Tags are words, or combinations of words, you can use to add more context to conversations and contacts.
+<TLDR>Tags are words, or combinations of words, you can use to add more context to conversations and contacts.</TLDR>
 
 Tags provide you with an unlimited amount of flexibility to manage and customize your conversational workflow.
 
@@ -17,20 +16,19 @@ Here are the ways you can create and use tags:
 - Your users can create them manually directly in conversations
 - They can be created in the Tag Manager
 
-<img alt="Demo Tags"
-src={useBaseUrl('img/apps/ui/demotags.gif')} />
-
-**Create Tags**
+## Create Tags
 
 When you create a tag you can choose a color to visually identify it better in the inbox.
-This can also be done via the tags create API.
+This can also be done via the [Create Tags API](api/endpoints/tags.md#create).
+
+<img alt="Demo Tags"src={useBaseUrl('img/apps/ui/create_tags.gif')} />
 
-**Edit Tags**
+## Edit Tags
 
 When editing tags you can change the name and the color of each tag.
-This can also be done via the tags update API.
+This can also be done via the [Edit Tags API](api/endpoints/tags.md#update).
 
-**Delete Tags**
+## Delete Tags
 
 Deleting tags deletes them completely.
-This can also be done via the tags delete API.
+This can also be done via the [Delete Tags API](api/endpoints/tags.md#delete).

docs/sidebars.js

@@ -60,11 +60,7 @@ module.exports = {
       ],
     },
     {
-      '✨ Apps': [
-        {
-          UI: ['apps/ui/introduction', 'apps/ui/quickstart', 'apps/ui/inbox', 'apps/ui/tags', 'apps/ui/components'],
-        },
-      ],
+      '💎 UI': ['apps/ui/introduction', 'apps/ui/quickstart', 'apps/ui/inbox', 'apps/ui/tags', 'apps/ui/components'],
     },
     {
       '🛠️ Integrations': [