fix: missed twind classes

githubnext · May 4, 2022 · 3f4c930 · 3f4c930
1 parent 1936ee9
commit 3f4c930
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/blocks/file-blocks/edit/index.tsx b/src/blocks/file-blocks/edit/index.tsx
@@ -157,10 +157,10 @@ const Change = ({ change, language }: { change: Hunk; language: string }) => {
           color: change.type === "normal" ? "#6e7781" : "#24292f",
           background: change.type === "delete" ? "#FFD7D5" : "",
         }}
-        className={`!bg-transparent ${
+        className={`${tw(!bg - transparent)} ${
           {
-            delete: "!bg-[#FFEBE9]",
-            insert: "!bg-[#F5F6F8]",
+            delete: tw("!bg-[#FFEBE9]"),
+            insert: tw("!bg-[#F5F6F8]"),
           }[change.type as string] || ""
         }`}
         wrapLines
@@ -181,10 +181,10 @@ const Change = ({ change, language }: { change: Hunk; language: string }) => {
           color: change.type === "normal" ? "#6e7781" : "#24292f",
           background: change.type === "insert" ? "#CCFFD8" : "",
         }}
-        className={`!bg-transparent ${
+        className={`${tw("!bg-transparent")} ${
           {
-            delete: "!bg-[#F5F6F8]",
-            insert: "!bg-[#E6FFEC]",
+            delete: tw("!bg-[#F5F6F8]"),
+            insert: tw("!bg-[#E6FFEC]"),
           }[change.type as string] || ""
         }`}
         wrapLines

diff --git a/src/blocks/file-blocks/summarize/index.tsx b/src/blocks/file-blocks/summarize/index.tsx
@@ -144,9 +144,11 @@ const Section = ({
     >
       <div className={tw(`relative overflow-hidden border-r border-gray-200`)}>
         <div
-          className={`px-5 py-3 text-base overflow-x-auto !bg-transparent top-0 ${
-            isCollapsedLocally ? "absolute" : ""
-          }`}
+          className={tw(
+            `px-5 py-3 text-base overflow-x-auto !bg-transparent top-0 ${
+              isCollapsedLocally ? "absolute" : ""
+            }`
+          )}
         >
           <SyntaxHighlighter
             language={syntaxHighlighterLanguageMap[language] || "javascript"}
@@ -182,7 +184,7 @@ const Section = ({
         {explanation === undefined ? (
           <div className={tw(`text-gray-300 italic`)}>Loading...</div>
         ) : (
-          <div className={tw(``)}>{explanation || ""}</div>
+          <div>{explanation || ""}</div>
         )}
       </div>
     </div>