From 34997878a8303656d57e5fce657f75eeb82bbe06 Mon Sep 17 00:00:00 2001
From: Johnny D <johnnyd.eth@protonmail.com>
Date: Tue, 3 Oct 2023 17:07:02 +1000
Subject: [PATCH] Fix bugs in tailwind.config to fix build

---
 .../hooks/useSettingsLaunchNftsForm.ts         | 10 +++++-----
 tailwind.config.js                             | 18 +++++++++++++-----
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/NewEditNftsPage/LaunchNftCollection/hooks/useSettingsLaunchNftsForm.ts b/src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/NewEditNftsPage/LaunchNftCollection/hooks/useSettingsLaunchNftsForm.ts
index f707a398c9..5a655f56cc 100644
--- a/src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/NewEditNftsPage/LaunchNftCollection/hooks/useSettingsLaunchNftsForm.ts
+++ b/src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/NewEditNftsPage/LaunchNftCollection/hooks/useSettingsLaunchNftsForm.ts
@@ -1,5 +1,10 @@
 import { useForm } from 'antd/lib/form/Form'
 import { NftRewardsFormProps } from 'components/NftRewards/AddNftCollectionForm'
+import {
+  EditingFundingCycleConfig,
+  useEditingFundingCycleConfig,
+} from 'components/v2v3/V2V3Project/V2V3ProjectSettings/hooks/useEditingFundingCycleConfig'
+import { useReconfigureFundingCycle } from 'components/v2v3/V2V3Project/V2V3ProjectSettings/hooks/useReconfigureFundingCycle'
 import { JB721GovernanceType } from 'models/nftRewards'
 import { useState } from 'react'
 import { useAppSelector } from 'redux/hooks/useAppSelector'
@@ -10,11 +15,6 @@ import {
   pinNftCollectionMetadata,
   pinNftRewards,
 } from 'utils/nftRewards'
-import {
-  EditingFundingCycleConfig,
-  useEditingFundingCycleConfig,
-} from '../../../ReconfigureFundingCycleSettingsPage/hooks/useEditingFundingCycleConfig'
-import { useReconfigureFundingCycle } from '../../../ReconfigureFundingCycleSettingsPage/hooks/useReconfigureFundingCycle'
 
 export const useSettingsLaunchNftsForm = () => {
   const [form] = useForm<NftRewardsFormProps>()
diff --git a/tailwind.config.js b/tailwind.config.js
index 9e0cd9d494..4328a19295 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,12 +1,20 @@
 /** @type {import('tailwindcss').Config} */
+
 const defaultTheme = require('tailwindcss/defaultTheme')
 
+/**
+ * @typedef { import('tailwindcss').DarkModeConfig } DarkModeConfig
+ */
+
+/** @type {DarkModeConfig} */
+const darkModeValue = 'class' // Use class for now, switch to media later
+
 module.exports = {
   content: [
     './src/pages/**/*.{js,ts,jsx,tsx}',
     './src/components/**/*.{js,ts,jsx,tsx}',
   ],
-  darkMode: 'class', // Use class for now, switch to media later
+  darkMode: darkModeValue,
   important: true,
   theme: {
     fontFamily: {
@@ -43,12 +51,12 @@ module.exports = {
       },
       keyframes: {
         rise: {
-          '0%': { transform: 'translate(-50%, 100%)', opacity: 0 },
-          '100%': { transform: 'translate(0%, 0%)', opacity: 1 },
+          '0%': { transform: 'translate(-50%, 100%)', opacity: '0' },
+          '100%': { transform: 'translate(0%, 0%)', opacity: '1' },
         },
         set: {
-          '0%': { transform: 'translate(0%, 0%)', opacity: 1 },
-          '100%': { transform: 'translate(50%, 100%)', opacity: 0 },
+          '0%': { transform: 'translate(0%, 0%)', opacity: '1' },
+          '100%': { transform: 'translate(50%, 100%)', opacity: '0' },
         },
       },
       animation: {