From 0bbe9433c166211a9cfc3c8724edaf1579e17e3f Mon Sep 17 00:00:00 2001
From: Dragory <2606411+Dragory@users.noreply.github.com>
Date: Fri, 11 Oct 2019 02:09:31 +0300
Subject: [PATCH] Config schema and docs text changes. Fix clickable tab area
 in dashboard/docs.

---
 dashboard/src/components/Tab.vue         | 29 +++++++++++++++++++++++-
 dashboard/src/components/docs/Plugin.vue |  4 +---
 dashboard/webpack.config.js              |  4 +++-
 src/plugins/Automod.ts                   |  2 +-
 src/plugins/WelcomeMessage.ts            |  4 ++--
 5 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/dashboard/src/components/Tab.vue b/dashboard/src/components/Tab.vue
index 75673e21..e583bdc6 100644
--- a/dashboard/src/components/Tab.vue
+++ b/dashboard/src/components/Tab.vue
@@ -1,9 +1,36 @@
 <template>
-  <li class="py-2 px-4 hover:text-gray-200" :class="{'pb-1 border-b border-gray-400 text-gray-200': active, 'text-gray-500': !active}">
+  <li style="padding-bottom: 1px" :class="{active: active}">
     <slot></slot>
   </li>
 </template>
 
+<style scoped>
+  li {
+    padding-bottom: 1px;
+
+    &.active {
+      padding-bottom: 0;
+      @apply border-b;
+      @apply border-gray-400;
+    }
+  }
+
+  a {
+    @apply block;
+    @apply py-2;
+    @apply px-4;
+    @apply text-gray-500;
+
+    &:hover {
+      @apply text-gray-200;
+    }
+  }
+
+  .active a {
+    @apply text-gray-200;
+  }
+</style>
+
 <script lang="ts">
   export default {
     props: ["active"],
diff --git a/dashboard/src/components/docs/Plugin.vue b/dashboard/src/components/docs/Plugin.vue
index 93b6856f..3c7008e5 100644
--- a/dashboard/src/components/docs/Plugin.vue
+++ b/dashboard/src/components/docs/Plugin.vue
@@ -98,9 +98,7 @@
     <div class="configuration" v-if="tab === 'configuration'">
       <!-- Basic config info -->
       <p>
-        Name in config: <code>{{ data.name }}</code>
-      </p>
-      <p>
+        <strong>Name in config:</strong> <code>{{ data.name }}</code><br>
         To enable this plugin with default configuration, add <code>{{ data.name }}: {}</code> to the <code>plugins</code> list in config
       </p>
 
diff --git a/dashboard/webpack.config.js b/dashboard/webpack.config.js
index 3562673b..f129c412 100644
--- a/dashboard/webpack.config.js
+++ b/dashboard/webpack.config.js
@@ -90,7 +90,9 @@ let config = {
                     },
                   }),
                   require('postcss-nesting')(),
-                  require('tailwindcss')(),
+                  require('tailwindcss')({
+                    important: true,
+                  }),
                 ];
 
                 if (process.env.NODE_ENV === "production") {
diff --git a/src/plugins/Automod.ts b/src/plugins/Automod.ts
index 4a768cf4..f2534d20 100644
--- a/src/plugins/Automod.ts
+++ b/src/plugins/Automod.ts
@@ -353,7 +353,7 @@ export class AutomodPlugin extends ZeppelinPlugin<TConfigSchema> {
   public static pluginInfo: PluginInfo = {
     prettyName: "Automod",
     description: trimPluginDescription(`
-      This plugin allows you to specify automated actions in response to triggers. Example use cases include word filtering and spam prevention.
+      Allows specifying automated actions in response to triggers. Example use cases include word filtering and spam prevention.
     `),
     configurationGuide: trimPluginDescription(`
       The automod plugin is very customizable. For a full list of available triggers, actions, and their options, see Config schema at the bottom of this page.    
diff --git a/src/plugins/WelcomeMessage.ts b/src/plugins/WelcomeMessage.ts
index 330858c6..78ab00dc 100644
--- a/src/plugins/WelcomeMessage.ts
+++ b/src/plugins/WelcomeMessage.ts
@@ -2,14 +2,14 @@ import { ZeppelinPlugin } from "./ZeppelinPlugin";
 import { decorators as d, IPluginOptions } from "knub";
 import { Member, TextChannel } from "eris";
 import { renderTemplate } from "../templateFormatter";
-import { createChunkedMessage, stripObjectToScalars } from "../utils";
+import { createChunkedMessage, stripObjectToScalars, tNullable } from "../utils";
 import { LogType } from "../data/LogType";
 import { GuildLogs } from "../data/GuildLogs";
 import * as t from "io-ts";
 
 const ConfigSchema = t.type({
   send_dm: t.boolean,
-  send_to_channel: t.string,
+  send_to_channel: tNullable(t.string),
   message: t.string,
 });
 type TConfigSchema = t.TypeOf<typeof ConfigSchema>;