Move dynamic tailwind colors into safelist

purduehackers · Sep 26, 2023 · 0b1e4eb · 0b1e4eb
1 parent ace8692
commit 0b1e4eb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/components/email.tsx b/components/email.tsx
@@ -99,7 +99,6 @@ const Email = () => {
 
       const { error } = await res.json();
       if (error) {
-        console.log(error);
         setErrorMessage('Email failed to send :( \nPlease try again.');
         setStatus(Status.Error);
         setStatusColor(StatusColor.Error);
@@ -288,7 +287,6 @@ const Email = () => {
                   >
                     Send
                   </button>
-                  <div className="bg-green-500 bg-amber-400 bg-red-500 bg-blue-400"></div>
                   <div className="bg-white ml-5 font-mono text-sm border-2 border-black px-2 py-2">
                     status:{' '}
                     <span
@@ -525,7 +523,6 @@ const Email = () => {
                     className={`border-2 border-black w-11/12 sm:w-[32rem] sm:min-w-[28rem]
                     shadow-email shadow-gray-900/30 h-fit absolute z-[${i}0] overflow-hidden`}
                   >
-                    <div className="bg-orange-300 bg-lime-300 bg-pink-300 bg-yellow-300 bg-blue-300"></div>
                     <div
                       className={`border-b-2 border-black flex flex-row bg-${email.color}-300 cursor-pointer`}
                     >

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,6 +4,17 @@ module.exports = {
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
     './components/**/*.{js,ts,jsx,tsx,mdx}'
   ],
+  safelist: [
+    'bg-green-500',
+    'bg-amber-400',
+    'bg-red-500',
+    'bg-blue-400',
+    'bg-orange-300',
+    'bg-lime-300',
+    'bg-pink-300',
+    'bg-yellow-300',
+    'bg-blue-300'
+  ],
   theme: {
     fontFamily: {
       main: ['var(--font-space-grotesk)'],