fix: dark theme text color change in empty state component

Signed-off-by: @nishad.shirsat <[email protected]>
credebl · Aug 3, 2023 · 87478b0 · 87478b0
1 parent 40c14bf
commit 87478b0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/EmptyListComponent/index.tsx b/src/components/EmptyListComponent/index.tsx
@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import type { ReactElement } from "react";
 
 export const EmptyListMessage = ({ message, description, buttonContent, svgComponent, onClick }
  : {
@@ -11,12 +11,12 @@ export const EmptyListMessage = ({ message, description, buttonContent, svgCompo
  }) => {
  return (
  <div className='flex mt-20 justify-start items-center flex-col'>
- <p className='text-2xl font-bold mb-4'>{message}</p>
- <p className='text-lg mb-4'>{description}</p>
+ <p className='text-2xl font-bold mb-4 text-gray-900 dark:text-white'>{message}</p>
+ <p className='text-lg mb-4 text-gray-900 dark:text-white'>{description}</p>
  {
  buttonContent
  && <button
- className='group flex h-min p-3 mt-10 items-center justify-center p-0.5 font-medium focus:z-10 border border-transparent enabled:hover:bg-cyan-800 dark:enabled:hover:bg-cyan-700 text-base font- text-center text-white bg-primary-700 rounded-lg hover:bg-accent-00 focus:ring-4 focus:ring-primary-300 sm:w-auto dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800&quot;'
+ className='group flex h-min p-3 mt-5 items-center justify-center p-0.5 font-medium focus:z-10 border border-transparent enabled:hover:bg-cyan-800 dark:enabled:hover:bg-cyan-700 text-base font- text-center text-white bg-primary-700 rounded-lg hover:bg-accent-00 focus:ring-4 focus:ring-primary-300 sm:w-auto dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800&quot;'
  onClick={onClick}>
  {svgComponent}
  <span className="ml-2">{buttonContent}</span>