⚡ 459 - UI remove tailwind classes (#1032)

* Remove param className and add one new tableStyle
SSWConsulting · Jul 18, 2023 · 2494168 · 2494168
1 parent 5c05ead
commit 2494168
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 14 deletions.
diff --git a/.tina/__generated__/_graphql.json b/.tina/__generated__/_graphql.json
diff --git a/.tina/__generated__/_schema.json b/.tina/__generated__/_schema.json
diff --git a/components/blocks/tableLayout.tsx b/components/blocks/tableLayout.tsx
@@ -1,15 +1,17 @@
-import React, { useEffect, useState } from "react";
-import type { Template } from "tinacms";
-import markdownItMultimdTable from "markdown-it-multimd-table";
-import MarkdownIt from "markdown-it";
 import classNames from "classnames";
+import MarkdownIt from "markdown-it";
+import markdownItMultimdTable from "markdown-it-multimd-table";
+import { useEffect, useState } from "react";
+import type { Template } from "tinacms";
 
 const tableStyles = {
   none: "",
   basicBorder:
     "descendant-table:border-1 descendant-table:border-solid descendant-table:p-2 descendant-th:border-1 descendant-th:border-solid descendant-th:p-2 descendant-td:border-1 descendant-td:border-solid descendant-td:p-2",
   styled:
     "descendant-th:border-b-sswRed [&>table>tbody>*:nth-child(even)]:bg-gray-75 descendant-th:bg-gray-75 descendant-th:border-b-sswRed descendant-table:w-full",
+  benefits:
+    "descendant-table:border-1 descendant-table:border-solid descendant-table:p-2 descendant-th:border-1 descendant-th:border-solid descendant-th:p-2 descendant-td:border-1 descendant-td:border-solid descendant-td:p-2 mt-5 flex justify-center descendant-tr:align-top descendant-ul:list-disc descendant-li:ml-6",
 };
 
 export const TableLayout = ({ data }) => {
@@ -27,7 +29,6 @@ export const TableLayout = ({ data }) => {
     <div
       className={classNames(
         "not-prose child-table:border-1 descendant-th:border-1 descendant-th:border-gray-75  descendant-th:py-2 descendant-th:pl-2 descendant-td:border-y-1 descendant-td:py-1.5 descendant-td:pl-2",
-        data.className,
         tableStyles[data.tableStyle]
       )}
       dangerouslySetInnerHTML={{ __html: mdxTableString }}
@@ -55,11 +56,6 @@ export const tableBlockSchema: Template = {
         };
       }),
     },
-    {
-      type: "string",
-      label: "CSS Class Name",
-      name: "className",
-    },
     {
       type: "string",
       label: "Table",

diff --git a/content/consulting/software-audit.mdx b/content/consulting/software-audit.mdx
@@ -124,8 +124,7 @@ benefits:
 ## How long does this normally take?
 
 <TableLayout
-  tableStyle="basicBorder"
-  className="mt-5 flex justify-center descendant-tr:align-top descendant-ul:list-disc descendant-li:ml-6"
+  tableStyle="benefits"
   mdxTable="
   | Client time commitment | SSW time commitment   |
   |:-----------------------|:----------------------|