admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix docusaurus style overriden by spotlight/element (rest api playground) (#3033)

Browse Source 
* Fix docusaurus style overriden by spotlight/element (rest api playground)

* Fix spacing

* Fix spacing
This commit is contained in:
Charles Bochet
2023-12-15 19:45:34 +01:00
committed by GitHub
parent 2ea0e0c4e8
commit 72929d1de6
3 changed files with 687 additions and 688 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-docs/src/pages/rest-api.tsx
View File

@ -2,7 +2,7 @@ import Layout from "@theme/Layout";
import BrowserOnly from "@docusaurus/BrowserOnly"; import BrowserOnly from "@docusaurus/BrowserOnly";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { API } from '@stoplight/elements'; import { API } from '@stoplight/elements';
import '@stoplight/elements/styles.min.css'; import spotlightTheme from '!css-loader!@stoplight/elements/styles.min.css';
import './rest-api.css' import './rest-api.css'
import { parseJson } from "nx/src/utils/json"; import { parseJson } from "nx/src/utils/json";
import { TbLoader2 } from "react-icons/tb"; import { TbLoader2 } from "react-icons/tb";
@ -20,6 +20,14 @@ const TokenForm = ({onSubmit, isTokenValid, token, isLoading}: TokenFormProps)=>
onSubmit(event.target.value) onSubmit(event.target.value)
} }
useEffect(() => {
const styleElement = document.createElement('style');
styleElement.innerHTML = spotlightTheme.toString();
document.head.append(styleElement);
return () => styleElement.remove();
}, []);
return !isTokenValid && ( return !isTokenValid && (
<div> <div>
<div className='container'> <div className='container'>

1361
packages/twenty-docs/src/ui/generated/index.cjs
View File

File diff suppressed because one or more lines are too long

4
packages/twenty-docs/src/ui/generated/index.d.cts
View File

@ -844,11 +844,12 @@ declare const MenuItemMultiSelect: ({ LeftIcon, text, selected, className, onSel
type MenuItemMultiSelectAvatarProps = { type MenuItemMultiSelectAvatarProps = {
avatar?: ReactNode; avatar?: ReactNode;
selected: boolean; selected: boolean;
isKeySelected?: boolean;
text: string; text: string;
className?: string; className?: string;
onSelectChange?: (selected: boolean) => void; onSelectChange?: (selected: boolean) => void;
}; };
declare const MenuItemMultiSelectAvatar: ({ avatar, text, selected, className, onSelectChange, }: MenuItemMultiSelectAvatarProps) => react_jsx_runtime.JSX.Element; declare const MenuItemMultiSelectAvatar: ({ avatar, text, selected, className, isKeySelected, onSelectChange, }: MenuItemMultiSelectAvatarProps) => react_jsx_runtime.JSX.Element;
type MenuItemNavigateProps = { type MenuItemNavigateProps = {
LeftIcon?: IconComponent; LeftIcon?: IconComponent;
@ -860,6 +861,7 @@ declare const MenuItemNavigate: ({ LeftIcon, text, className, onClick, }: MenuIt
type MenuItemBaseProps = { type MenuItemBaseProps = {
accent?: MenuItemAccent; accent?: MenuItemAccent;
isKeySelected?: boolean;
}; };
declare const StyledMenuItemSelect: _emotion_styled.StyledComponent<{ declare const StyledMenuItemSelect: _emotion_styled.StyledComponent<{