diff --git a/src/ui/Modal.tsx b/src/ui/Modal.tsx
index 8ce99f9..56a1ab0 100644
--- a/src/ui/Modal.tsx
+++ b/src/ui/Modal.tsx
@@ -18,7 +18,7 @@ const Modal = ({ show, size = "lg", children, ...props }: ModalProps) => {
JSX.Element;
}
+// Styles personnalisés pour React-Select
+const customStyles: StylesConfig
= {
+ placeholder: (base) => ({
+ ...base,
+ color: 'white', // Placeholder en blanc
+ }),
+ input: (base) => ({
+ ...base,
+ color: 'white', // Texte saisi en blanc
+ }),
+ singleValue: (base) => ({
+ ...base,
+ color: 'white', // Valeur sélectionnée en blanc
+ }),
+};
+
const customClass: ClassNamesConfig = {
control: (state) => {
const borderRadius = state.selectProps.rounded ? 'rounded-3xl' : 'rounded-xl';
@@ -29,7 +45,7 @@ const customClass: ClassNamesConfig = {
return `rounded-xl p-2 ${state.isSelected ? 'bg-primary-active text-white' : 'bg-white dark:bg-neutral-800 text-gray-800 dark:text-white'} hover:bg-primary hover:text-white px-2`;
},
multiValue: () => 'bg-gray-200 dark:bg-neutral-800 rounded-3xl px-2 py-0.5',
- multiValueLabel: () => 'text-gray-800 ',
+ multiValueLabel: () => 'text-gray-800',
multiValueRemove: () => 'text-red-500 hover:bg-red-200 rounded-full p-0.5',
};
@@ -55,6 +71,7 @@ const SelectInput = ({
options={options}
onChange={onChange}
placeholder={placeholder}
+ styles={customStyles}
classNames={customClass}
isClearable={isClearable}
menuPosition={menuPosition}
diff --git a/src/welcome/SignUpForm.tsx b/src/welcome/SignUpForm.tsx
index e71d0fa..f20f29b 100644
--- a/src/welcome/SignUpForm.tsx
+++ b/src/welcome/SignUpForm.tsx
@@ -38,8 +38,8 @@ export const SignUpForm = () => {
return (
-
-
+
+
@@ -49,30 +57,41 @@ const Welcome = () => {
} />
-
+
{location.pathname !== "/sign-up" && location.pathname !== "/legal-mention" && (
-
navigate("/sign-up")} className={`${classLink} dark:text-white dark:hover:text-indigo-300`}>
+ navigate("/sign-up")}
+ className={`${classLink} dark:text-white dark:hover:text-indigo-300`}
+ >
Don’t have an account?
)}
{location.pathname === "/legal-mention" ? (
- navigate("/")} className="flex items-center gap-2 cursor-pointer">
+
navigate("/")}
+ className="flex items-center gap-2 cursor-pointer"
+ >
-
Back
+
+ Back
+
) : (
-
navigate("/")} className={`${classLink} dark:text-white dark:hover:text-indigo-300`}>
+ navigate("/")}
+ className={`${classLink} dark:text-white dark:hover:text-indigo-300`}
+ >
Already have an account?
)}
{location.pathname !== "/legal-mention" && (
navigate("/legal-mention")}
+ className={`${classLink} inline-block dark:text-white dark:hover:text-indigo-300`}
>
Legal Mention