Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-09 00:18:26 +01: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

8
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({
@ -197,6 +197,10 @@ export const Playground: VFC<{}> = () => {
padding: theme.spacing(4, 2), padding: theme.spacing(4, 2),
})} })}
> >
<ConditionallyRender
condition={loading}
show={<Loader />}
elseShow={
<ConditionallyRender <ConditionallyRender
condition={Boolean(results)} condition={Boolean(results)}
show={ show={
@ -208,6 +212,8 @@ export const Playground: VFC<{}> = () => {
} }
elseShow={<PlaygroundGuidance />} elseShow={<PlaygroundGuidance />}
/> />
}
/>
</Box> </Box>
</Box> </Box>
</PageContent> </PageContent>

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,
}, },
{ {