mirror of
https://github.com/twentyhq/twenty.git
synced 2024-10-04 12:57:10 +03:00
Fix playground (#5043)
Some code quality updates on the doc api playgrounds
This commit is contained in:
parent
14f97e2e80
commit
43f0b11aab
@ -3,6 +3,7 @@ import BrowserOnly from '@docusaurus/BrowserOnly';
|
||||
import { explorerPlugin } from '@graphiql/plugin-explorer';
|
||||
import { Theme, useTheme } from '@graphiql/react';
|
||||
import { createGraphiQLFetcher } from '@graphiql/toolkit';
|
||||
import { SubDoc } from '@site/src/components/token-form';
|
||||
import Layout from '@theme/Layout';
|
||||
import { GraphiQL } from 'graphiql';
|
||||
|
||||
@ -21,9 +22,6 @@ const GraphQlComponent = ({ token, baseUrl, path }) => {
|
||||
const explorer = explorerPlugin({
|
||||
showAttribution: true,
|
||||
});
|
||||
if (!baseUrl || !token) {
|
||||
return <></>;
|
||||
}
|
||||
|
||||
const fetcher = createGraphiQLFetcher({
|
||||
url: baseUrl + '/' + path,
|
||||
@ -47,6 +45,10 @@ const GraphQlComponent = ({ token, baseUrl, path }) => {
|
||||
};
|
||||
}, []);
|
||||
|
||||
if (!baseUrl || !token) {
|
||||
return <></>;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="fullHeightPlayground">
|
||||
<GraphiQL
|
||||
@ -58,9 +60,9 @@ const GraphQlComponent = ({ token, baseUrl, path }) => {
|
||||
);
|
||||
};
|
||||
|
||||
const GraphQlPlayground = ({ subDoc }: { subDoc: 'core' | 'metadata' }) => {
|
||||
const [token, setToken] = useState();
|
||||
const [baseUrl, setBaseUrl] = useState();
|
||||
const GraphQlPlayground = ({ subDoc }: { subDoc: SubDoc }) => {
|
||||
const [token, setToken] = useState<string>();
|
||||
const [baseUrl, setBaseUrl] = useState<string>();
|
||||
const { setTheme } = useTheme();
|
||||
|
||||
useEffect(() => {
|
||||
@ -99,7 +101,7 @@ const GraphQlPlayground = ({ subDoc }: { subDoc: 'core' | 'metadata' }) => {
|
||||
children={children}
|
||||
setToken={setToken}
|
||||
setBaseUrl={setBaseUrl}
|
||||
subdocName={subDoc}
|
||||
subDoc={subDoc}
|
||||
/>
|
||||
)}
|
||||
</BrowserOnly>
|
||||
|
@ -9,9 +9,11 @@ const Playground = ({
|
||||
setToken,
|
||||
setBaseUrl,
|
||||
subDoc,
|
||||
}: Partial<React.PropsWithChildren | TokenFormProps> & {
|
||||
subDoc: string;
|
||||
}) => {
|
||||
}: Partial<React.PropsWithChildren> &
|
||||
Omit<
|
||||
TokenFormProps,
|
||||
'isTokenValid' | 'setIsTokenValid' | 'setLoadingState'
|
||||
>) => {
|
||||
const [isTokenValid, setIsTokenValid] = useState(false);
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
return (
|
||||
|
@ -1,18 +1,19 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { TbApi, TbChevronLeft, TbLink } from 'react-icons/tb';
|
||||
import { useHistory, useLocation } from '@docusaurus/router';
|
||||
import { TbApi, TbChevronLeft, TbLink } from '@theme/icons';
|
||||
import { parseJson } from 'nx/src/utils/json';
|
||||
|
||||
import tokenForm from '!css-loader!./token-form.css';
|
||||
|
||||
export type SubDoc = 'core' | 'metadata';
|
||||
export type TokenFormProps = {
|
||||
setOpenApiJson?: (json: object) => void;
|
||||
setToken?: (token: string) => void;
|
||||
setBaseUrl?: (baseUrl: string) => void;
|
||||
isTokenValid: boolean;
|
||||
setIsTokenValid: (boolean) => void;
|
||||
setLoadingState: (boolean) => void;
|
||||
subDoc?: string;
|
||||
isTokenValid?: boolean;
|
||||
setIsTokenValid?: (boolean) => void;
|
||||
setLoadingState?: (boolean) => void;
|
||||
subDoc?: SubDoc;
|
||||
};
|
||||
|
||||
const TokenForm = ({
|
||||
@ -141,7 +142,6 @@ const TokenForm = ({
|
||||
onBlur={() => submitToken(token)}
|
||||
/>
|
||||
</div>
|
||||
{!location.pathname.includes('rest-api') && (
|
||||
<div className="inputWrapper" style={{ maxWidth: '100px' }}>
|
||||
<select
|
||||
className="select"
|
||||
@ -159,7 +159,6 @@ const TokenForm = ({
|
||||
<option value="metadata">Metadata</option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user