Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-12 13:48:35 +02:00
Code Issues Projects Releases Wiki Activity

fix loader, change width to show full header name

Browse Source
This commit is contained in:
andreas-unleash 2022-08-10 14:37:13 +03:00
parent eaff77afd4
commit a01bbb2db9
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/component/playground/Playground/Playground.tsx
View File

@ -18,6 +18,7 @@ import {
} from './playground.utils'; } from './playground.utils';
import { PlaygroundGuidance } from './PlaygroundGuidance/PlaygroundGuidance'; import { PlaygroundGuidance } from './PlaygroundGuidance/PlaygroundGuidance';
import { PlaygroundGuidancePopper } from './PlaygroundGuidancePopper/PlaygroundGuidancePopper'; import { PlaygroundGuidancePopper } from './PlaygroundGuidancePopper/PlaygroundGuidancePopper';
import Loader from '../../common/Loader/Loader';
export const Playground: VFC<{}> = () => { export const Playground: VFC<{}> = () => {
const { environments } = useEnvironments(); const { environments } = useEnvironments();
@ -101,7 +102,6 @@ export const Playground: VFC<{}> = () => {
if (action && typeof action === 'function') { if (action && typeof action === 'function') {
action(); action();
} }
setResults(response); setResults(response);
} catch (error: unknown) { } catch (error: unknown) {
setToastData({ setToastData({
@ -198,15 +198,21 @@ export const Playground: VFC<{}> = () => {
})} })}
> >
<ConditionallyRender <ConditionallyRender
condition={Boolean(results)} condition={loading}
show={ show={<Loader />}
<PlaygroundResultsTable elseShow={
loading={loading} <ConditionallyRender
features={results?.features} condition={Boolean(results)}
input={results?.input} show={
<PlaygroundResultsTable
loading={loading}
features={results?.features}
input={results?.input}
/>
}
elseShow={<PlaygroundGuidance />}
/> />
} }
elseShow={<PlaygroundGuidance />}
/> />
</Box> </Box>
</Box> </Box>

4
frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultsTable.tsx
View File

@ -22,7 +22,7 @@ import {
PlaygroundFeatureSchema, PlaygroundFeatureSchema,
PlaygroundRequestSchema, PlaygroundRequestSchema,
} from 'component/playground/Playground/interfaces/playground.model'; } from 'component/playground/Playground/interfaces/playground.model';
import { Box, Typography, useMediaQuery, useTheme } from '@mui/material'; import { Box, useMediaQuery, useTheme } from '@mui/material';
import useLoading from 'hooks/useLoading'; import useLoading from 'hooks/useLoading';
import { VariantCell } from './VariantCell/VariantCell'; import { VariantCell } from './VariantCell/VariantCell';
import { FeatureResultInfoPopoverCell } from './FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell'; import { FeatureResultInfoPopoverCell } from './FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell';
@ -111,7 +111,7 @@ export const PlaygroundResultsTable = ({
<FeatureStatusCell feature={row.original} /> <FeatureStatusCell feature={row.original} />
), ),
sortType: 'boolean', sortType: 'boolean',
maxWidth: 100, maxWidth: 120,
sortInverted: true, sortInverted: true,
}, },
{ {