🎨 fix: Terms and Conditions Modal Styling (#4169)

* fix: modal styling issue, where buttons in light mode are not accessible/visible

* refactor: use MarkdownLite instead

* chore: make inner content accessible
This commit is contained in:
Danny Avila 2024-09-20 18:33:56 -04:00 committed by GitHub
parent d096c281ba
commit 42b7373ddc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 24 additions and 19 deletions

View file

@ -11,7 +11,7 @@ import TermsAndConditionsModal from '~/components/ui/TermsAndConditionsModal';
import { Banner } from '~/components/Banners';
export default function Root() {
const { isAuthenticated, logout, token } = useAuthContext();
const { isAuthenticated, logout } = useAuthContext();
const navigate = useNavigate();
const [navVisible, setNavVisible] = useState(() => {
const savedNavVisible = localStorage.getItem('navVisible');
@ -27,7 +27,7 @@ export default function Root() {
const [showTerms, setShowTerms] = useState(false);
const { data: config } = useGetStartupConfig();
const { data: termsData } = useUserTermsQuery({
enabled: isAuthenticated && !!config?.interface?.termsOfService?.modalAcceptance,
enabled: isAuthenticated && config?.interface?.termsOfService?.modalAcceptance === true,
});
useEffect(() => {
@ -66,7 +66,7 @@ export default function Root() {
</div>
</div>
</AgentsMapContext.Provider>
{config?.interface?.termsOfService?.modalAcceptance && (
{config?.interface?.termsOfService?.modalAcceptance === true && (
<TermsAndConditionsModal
open={showTerms}
onOpenChange={setShowTerms}