fix: styles error tailwindlabs/tailwindcss#6553

PaPa31 · Mar 11, 2022 · f31747c · f31747c
1 parent 52094ca
commit f31747c
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/components/ui/course/card/OwnedCourseCard.js b/components/ui/course/card/OwnedCourseCard.js
@@ -1,9 +1,9 @@
 import Image from "next/image";
 
 const STATE_COLORS = {
-  purchased: "yellow",
-  activated: "green",
-  deactivated: "red",
+  purchased: "text-indigo-700 bg-indigo-200",
+  activated: "gtext-green-700 bg-green-200",
+  deactivated: "text-red-700 bg-red-200",
 };
 
 export default function OwnedCourseCard({ children, course }) {
@@ -31,9 +31,7 @@ export default function OwnedCourseCard({ children, course }) {
           <div className="px-4 py-5 sm:px-6">
             <h3 className="text-lg leading-6 font-medium text-gray-900">
               <span>{course.title}</span>
-              <span
-                className={`text-xs text-${stateColor}-700 bg-${stateColor}-200 rounded-full p-2 ml-2`}
-              >
+              <span className={`text-xs ${stateColor} rounded-full p-2 ml-2`}>
                 {course.state}
               </span>
             </h3>