mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-22 19:07:54 +01:00
feat: increase unleash width (#5707)
This PR adds two feature flags: * One is to add some holiday cheer to the unleash logo * The other allows us to increase the width of unleash if the screen allows it <img width="1837" alt="Skjermbilde 2023-12-20 kl 16 18 16" src="https://github.com/Unleash/unleash/assets/16081982/a25ccfb0-fd99-470f-8583-3ba9ef9186f9">
This commit is contained in:
Fredrik Strand Oseberg
GitHub
parent
8085fba16b
commit
3ab331dce7
33
frontend/src/assets/img/unleashHoliday.svg
Normal file
33
frontend/src/assets/img/unleashHoliday.svg
Normal file
@ -0,0 +1,33 @@
|
||||
<svg width="150" height="58" viewBox="0 0 150 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2239_6192)">
|
||||
<path d="M28.8381 47.2041C38.9811 47.2041 47.2036 38.9816 47.2036 28.8386C47.2036 18.6956 38.9811 10.4731 28.8381 10.4731C18.6952 10.4731 10.4727 18.6956 10.4727 28.8386C10.4727 38.9816 18.6952 47.2041 28.8381 47.2041Z" fill="#1A4049"/>
|
||||
<path d="M31.4627 20.9663V31.4622H36.7083V20.9663H31.4627ZM26.2147 26.2142V20.9663H20.9668V36.7078H31.4627V31.4622H26.2147V26.2142Z" fill="white"/>
|
||||
<path d="M31.4627 20.9663V31.4622H36.7083V20.9663H31.4627ZM26.2147 26.2142V20.9663H20.9668V36.7078H31.4627V31.4622H26.2147V26.2142Z" fill="white"/>
|
||||
<path d="M31.4619 31.4624H36.7098V36.7103H31.4619V31.4624Z" fill="#817AFE"/>
|
||||
<path d="M57.7549 31.9398V25.8884H60.4936V31.6414C60.4936 33.331 61.3912 34.4421 63.0809 34.4421C64.7705 34.4421 65.6681 33.331 65.6681 31.6414V25.8884H68.4229V31.9398C68.4229 34.8485 66.4762 36.9444 63.1199 36.9444C59.7016 36.9444 57.7549 34.8485 57.7549 31.9398ZM73.9004 36.708H71.1846V25.8884H73.9004V27.7066C74.263 27.0752 74.7866 26.5513 75.4178 26.1884C76.049 25.8254 76.7651 25.6363 77.4932 25.6405C80.209 25.6405 82.0065 27.6308 82.0065 30.3879V36.708H79.2517V30.9343C79.2517 29.224 78.2462 28.09 76.6208 28.09C74.9955 28.09 73.905 29.2378 73.905 30.9343L73.9004 36.708ZM84.8072 20.9688H87.5437V36.708H84.8072V20.9688ZM101.295 31.4508V31.7493H92.6975C92.8054 33.4389 94.0451 34.7337 95.8403 34.7337C97.5735 34.7337 98.2783 33.8567 98.4711 33.5583H101.166C100.994 34.6694 99.5203 37.0018 95.8403 37.0018C92.3348 37.0018 89.961 34.5661 89.961 31.3154C89.961 27.9568 92.3118 25.6267 95.6268 25.6267C98.9417 25.6267 101.295 27.9201 101.295 31.4508ZM92.7824 29.8668H98.4298C98.0235 28.4894 97.018 27.7295 95.6268 27.7295C94.1507 27.7272 93.1245 28.5193 92.7824 29.8645V29.8668ZM107.388 29.9288H110.939C110.939 28.6249 109.954 27.7915 108.352 27.7915C106.832 27.7915 106.286 28.6042 106.107 28.882H103.352C103.581 27.7479 104.933 25.6106 108.356 25.6106C111.713 25.6106 113.574 27.3645 113.574 29.9288V33.5858C113.574 34.2493 113.804 34.5041 114.428 34.5707V36.7722H113.574C112.183 36.7516 111.35 36.2373 111.049 35.2755C110.537 36.0675 109.383 36.9444 107.544 36.9444C104.998 36.9444 103.074 35.5119 103.074 33.2874C103.074 31.0629 104.715 29.9288 107.388 29.9288ZM110.939 32.7089V31.7906H107.838C106.554 31.7906 105.771 32.2497 105.771 33.2438C105.771 34.2929 106.756 34.9127 108.124 34.9127C109.656 34.9127 110.939 34.1643 110.939 32.7089ZM120.092 32.2819C117.718 32.112 116.113 30.9986 116.113 28.9026C116.113 26.871 117.973 25.5877 120.882 25.5877C124.784 25.5877 125.886 27.5987 126.185 28.6455H123.299C123.106 28.4159 122.486 27.663 120.861 27.663C119.557 27.663 118.873 28.09 118.873 28.7534C118.873 29.3526 119.332 29.7383 120.411 29.8875L122.248 30.0803C125.179 30.3351 126.38 31.4577 126.38 33.5858C126.38 35.6175 124.69 37.0087 121.375 37.0087C117.355 37.0087 116.051 34.6763 115.838 33.6731H118.767C118.875 33.9279 119.536 34.8921 121.375 34.8921C122.895 34.8921 123.6 34.3778 123.6 33.6937C123.6 33.0096 123.216 32.6239 121.993 32.4747C121.224 32.4104 120.84 32.3691 120.092 32.2819ZM131.21 36.708H128.494V20.9688H131.21V27.7066C131.572 27.0752 132.096 26.5513 132.727 26.1884C133.358 25.8254 134.075 25.6363 134.803 25.6405C137.518 25.6405 139.316 27.6308 139.316 30.3879V36.708H136.561V30.9343C136.561 29.224 135.556 28.09 133.93 28.09C132.305 28.09 131.214 29.2378 131.214 30.9343L131.21 36.708Z" fill="#1A4049"/>
|
||||
<path d="M32.001 11C32.001 11 34.7574 17.3405 37.8341 20.398C40.7899 23.3353 47.0406 26.1269 47.0406 26.1269L47.0433 26.1216L54.5 6.5L57.1747 1.86646L53 4L32.001 11Z" fill="#FF458F"/>
|
||||
<path d="M32.001 11.0002C32.001 11.0002 33.001 12.5 36.001 14C39.7281 15.8636 44.001 12 44.001 12L57.1748 1.8667L32.001 11.0002Z" fill="white" fill-opacity="0.2"/>
|
||||
<mask id="mask0_2239_6192" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="32" y="1" width="26" height="26">
|
||||
<path d="M32.001 11C32.001 11 34.7574 17.3405 37.8341 20.398C40.7899 23.3353 47.0406 26.1269 47.0406 26.1269L47.0433 26.1216L54.5 6.5L57.1747 1.86646L53 4L32.001 11Z" fill="#FF458F"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_2239_6192)">
|
||||
<rect x="39.2578" y="15.4331" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="35.8115" y="7.39209" width="4.59497" height="4.59497" fill="#FFC800"/>
|
||||
<rect x="45.002" y="9.68945" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="47.2998" y="1.64795" width="4.59497" height="4.59497" fill="#FFC800"/>
|
||||
<rect x="51.8945" y="8.54053" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="45.002" y="17.7305" width="5.74371" height="5.74371" fill="#FFC800"/>
|
||||
</g>
|
||||
<path d="M57.0708 -0.0906984L55.2288 1.72138L52.7073 1.18911L53.8435 3.54975L52.5881 5.82592L55.1321 5.4726L56.8782 7.4116L57.3142 4.83262L59.6484 3.75494L57.3742 2.51594L57.0708 -0.0906984Z" fill="#817AFE"/>
|
||||
<rect x="96" y="12" width="5" height="5" fill="#817AFE"/>
|
||||
<rect x="117" y="15" width="4" height="4" fill="#FFC800"/>
|
||||
<rect x="61" y="11" width="3" height="3" fill="#8AD323"/>
|
||||
<rect x="135" y="11" width="4" height="4" fill="#FF458F"/>
|
||||
<rect x="75" y="4" width="4" height="4" fill="#FF458F"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2239_6192">
|
||||
<rect width="150" height="57.6768" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
33
frontend/src/assets/img/unleashHolidayDark.svg
Normal file
33
frontend/src/assets/img/unleashHolidayDark.svg
Normal file
@ -0,0 +1,33 @@
|
||||
<svg width="150" height="58" viewBox="0 0 150 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2244_6496)">
|
||||
<path d="M28.8381 47.2041C38.9811 47.2041 47.2036 38.9816 47.2036 28.8386C47.2036 18.6956 38.9811 10.4731 28.8381 10.4731C18.6952 10.4731 10.4727 18.6956 10.4727 28.8386C10.4727 38.9816 18.6952 47.2041 28.8381 47.2041Z" fill="white"/>
|
||||
<path d="M31.4627 20.9663V31.4622H36.7083V20.9663H31.4627ZM26.2147 26.2142V20.9663H20.9668V36.7078H31.4627V31.4622H26.2147V26.2142Z" fill="white"/>
|
||||
<path d="M31.4627 20.9663V31.4622H36.7083V20.9663H31.4627ZM26.2147 26.2142V20.9663H20.9668V36.7078H31.4627V31.4622H26.2147V26.2142Z" fill="#1A4049"/>
|
||||
<path d="M31.4619 31.4624H36.7098V36.7103H31.4619V31.4624Z" fill="#817AFE"/>
|
||||
<path d="M57.7549 31.9398V25.8884H60.4936V31.6414C60.4936 33.331 61.3912 34.4421 63.0809 34.4421C64.7705 34.4421 65.6681 33.331 65.6681 31.6414V25.8884H68.4229V31.9398C68.4229 34.8485 66.4762 36.9444 63.1199 36.9444C59.7016 36.9444 57.7549 34.8485 57.7549 31.9398ZM73.9004 36.708H71.1846V25.8884H73.9004V27.7066C74.263 27.0752 74.7866 26.5513 75.4178 26.1884C76.049 25.8254 76.7651 25.6363 77.4932 25.6405C80.209 25.6405 82.0065 27.6308 82.0065 30.3879V36.708H79.2517V30.9343C79.2517 29.224 78.2462 28.09 76.6208 28.09C74.9955 28.09 73.905 29.2378 73.905 30.9343L73.9004 36.708ZM84.8072 20.9688H87.5437V36.708H84.8072V20.9688ZM101.295 31.4508V31.7493H92.6975C92.8054 33.4389 94.0451 34.7337 95.8403 34.7337C97.5735 34.7337 98.2783 33.8567 98.4711 33.5583H101.166C100.994 34.6694 99.5203 37.0018 95.8403 37.0018C92.3348 37.0018 89.961 34.5661 89.961 31.3154C89.961 27.9568 92.3118 25.6267 95.6268 25.6267C98.9417 25.6267 101.295 27.9201 101.295 31.4508ZM92.7824 29.8668H98.4298C98.0235 28.4894 97.018 27.7295 95.6268 27.7295C94.1507 27.7272 93.1245 28.5193 92.7824 29.8645V29.8668ZM107.388 29.9288H110.939C110.939 28.6249 109.954 27.7915 108.352 27.7915C106.832 27.7915 106.286 28.6042 106.107 28.882H103.352C103.581 27.7479 104.933 25.6106 108.356 25.6106C111.713 25.6106 113.574 27.3645 113.574 29.9288V33.5858C113.574 34.2493 113.804 34.5041 114.428 34.5707V36.7722H113.574C112.183 36.7516 111.35 36.2373 111.049 35.2755C110.537 36.0675 109.383 36.9444 107.544 36.9444C104.998 36.9444 103.074 35.5119 103.074 33.2874C103.074 31.0629 104.715 29.9288 107.388 29.9288ZM110.939 32.7089V31.7906H107.838C106.554 31.7906 105.771 32.2497 105.771 33.2438C105.771 34.2929 106.756 34.9127 108.124 34.9127C109.656 34.9127 110.939 34.1643 110.939 32.7089ZM120.092 32.2819C117.718 32.112 116.113 30.9986 116.113 28.9026C116.113 26.871 117.973 25.5877 120.882 25.5877C124.784 25.5877 125.886 27.5987 126.185 28.6455H123.299C123.106 28.4159 122.486 27.663 120.861 27.663C119.557 27.663 118.873 28.09 118.873 28.7534C118.873 29.3526 119.332 29.7383 120.411 29.8875L122.248 30.0803C125.179 30.3351 126.38 31.4577 126.38 33.5858C126.38 35.6175 124.69 37.0087 121.375 37.0087C117.355 37.0087 116.051 34.6763 115.838 33.6731H118.767C118.875 33.9279 119.536 34.8921 121.375 34.8921C122.895 34.8921 123.6 34.3778 123.6 33.6937C123.6 33.0096 123.216 32.6239 121.993 32.4747C121.224 32.4104 120.84 32.3691 120.092 32.2819ZM131.21 36.708H128.494V20.9688H131.21V27.7066C131.572 27.0752 132.096 26.5513 132.727 26.1884C133.358 25.8254 134.075 25.6363 134.803 25.6405C137.518 25.6405 139.316 27.6308 139.316 30.3879V36.708H136.561V30.9343C136.561 29.224 135.556 28.09 133.93 28.09C132.305 28.09 131.214 29.2378 131.214 30.9343L131.21 36.708Z" fill="white"/>
|
||||
<path d="M32.001 11C32.001 11 34.7574 17.3405 37.8341 20.398C40.7899 23.3353 47.0406 26.1269 47.0406 26.1269L47.0433 26.1216L54.5 6.5L57.1747 1.86646L53 4L32.001 11Z" fill="#FF458F"/>
|
||||
<path d="M32.001 11.0002C32.001 11.0002 33.001 12.5 36.001 14C39.7281 15.8636 44.001 12 44.001 12L57.1748 1.8667L32.001 11.0002Z" fill="white" fill-opacity="0.2"/>
|
||||
<mask id="mask0_2244_6496" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="32" y="1" width="26" height="26">
|
||||
<path d="M32.001 11C32.001 11 34.7574 17.3405 37.8341 20.398C40.7899 23.3353 47.0406 26.1269 47.0406 26.1269L47.0433 26.1216L54.5 6.5L57.1747 1.86646L53 4L32.001 11Z" fill="#FF458F"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_2244_6496)">
|
||||
<rect x="39.2578" y="15.4331" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="35.8115" y="7.39209" width="4.59497" height="4.59497" fill="#FFC800"/>
|
||||
<rect x="45.002" y="9.68945" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="47.2998" y="1.64795" width="4.59497" height="4.59497" fill="#FFC800"/>
|
||||
<rect x="51.8945" y="8.54053" width="3.44623" height="3.44623" fill="#FFC800"/>
|
||||
<rect x="45.002" y="17.7305" width="5.74371" height="5.74371" fill="#FFC800"/>
|
||||
</g>
|
||||
<path d="M57.0708 -0.0906984L55.2288 1.72138L52.7073 1.18911L53.8435 3.54975L52.5881 5.82592L55.1321 5.4726L56.8782 7.4116L57.3142 4.83262L59.6484 3.75494L57.3742 2.51594L57.0708 -0.0906984Z" fill="#817AFE"/>
|
||||
<rect x="96" y="12" width="5" height="5" fill="#817AFE"/>
|
||||
<rect x="117" y="15" width="4" height="4" fill="#FFC800"/>
|
||||
<rect x="61" y="11" width="3" height="3" fill="#8AD323"/>
|
||||
<rect x="135" y="11" width="4" height="4" fill="#FF458F"/>
|
||||
<rect x="75" y="4" width="4" height="4" fill="#FF458F"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2244_6496">
|
||||
<rect width="150" height="57.6768" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
@ -15,6 +15,7 @@ import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled';
|
||||
import { DraftBanner } from './DraftBanner/DraftBanner';
|
||||
import { ThemeMode } from 'component/common/ThemeMode/ThemeMode';
|
||||
import { Demo } from 'component/demo/Demo';
|
||||
import { useUiFlag } from 'hooks/useUiFlag';
|
||||
|
||||
interface IMainLayoutProps {
|
||||
children: ReactNode;
|
||||
@ -53,6 +54,26 @@ const MainLayoutContent = styled(Grid)(({ theme }) => ({
|
||||
},
|
||||
}));
|
||||
|
||||
const SpaciousMainLayoutContent = styled(Grid)(({ theme }) => ({
|
||||
width: '100%',
|
||||
maxWidth: '1500px',
|
||||
margin: '0 auto',
|
||||
paddingLeft: theme.spacing(2),
|
||||
paddingRight: theme.spacing(2),
|
||||
[theme.breakpoints.down('lg')]: {
|
||||
maxWidth: '1250px',
|
||||
paddingLeft: theme.spacing(1),
|
||||
paddingRight: theme.spacing(1),
|
||||
},
|
||||
[theme.breakpoints.down(1024)]: {
|
||||
marginLeft: 0,
|
||||
marginRight: 0,
|
||||
},
|
||||
[theme.breakpoints.down('sm')]: {
|
||||
minWidth: '100%',
|
||||
},
|
||||
}));
|
||||
|
||||
const StyledImg = styled('img')(() => ({
|
||||
display: 'block',
|
||||
position: 'fixed',
|
||||
@ -81,6 +102,11 @@ export const MainLayout = forwardRef<HTMLDivElement, IMainLayoutProps>(
|
||||
const { isChangeRequestConfiguredInAnyEnv } = useChangeRequestsEnabled(
|
||||
projectId || '',
|
||||
);
|
||||
const increaseUnleashWidth = useUiFlag('increaseUnleashWidth');
|
||||
|
||||
const StyledMainLayoutContent = increaseUnleashWidth
|
||||
? SpaciousMainLayoutContent
|
||||
: MainLayoutContent;
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -102,13 +128,18 @@ export const MainLayout = forwardRef<HTMLDivElement, IMainLayoutProps>(
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<MainLayoutContent item xs={12} sm={12} my={2}>
|
||||
<StyledMainLayoutContent
|
||||
item
|
||||
xs={12}
|
||||
sm={12}
|
||||
my={2}
|
||||
>
|
||||
<MainLayoutContentContainer ref={ref}>
|
||||
<BreadcrumbNav />
|
||||
<Proclamation toast={uiConfig.toast} />
|
||||
{children}
|
||||
</MainLayoutContentContainer>
|
||||
</MainLayoutContent>
|
||||
</StyledMainLayoutContent>
|
||||
<ThemeMode
|
||||
darkmode={
|
||||
<StyledImg
|
||||
|
||||
@ -9,6 +9,7 @@ import {
|
||||
Tooltip,
|
||||
styled,
|
||||
Theme,
|
||||
Box,
|
||||
} from '@mui/material';
|
||||
import MenuIcon from '@mui/icons-material/Menu';
|
||||
import SettingsIcon from '@mui/icons-material/Settings';
|
||||
@ -17,6 +18,8 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
|
||||
import MenuBookIcon from '@mui/icons-material/MenuBook';
|
||||
import { ReactComponent as UnleashLogo } from 'assets/img/logoDarkWithText.svg';
|
||||
import { ReactComponent as UnleashLogoWhite } from 'assets/img/logoWithWhiteText.svg';
|
||||
import { ReactComponent as CelebatoryUnleashLogo } from 'assets/img/unleashHoliday.svg';
|
||||
import { ReactComponent as CelebatoryUnleashLogoWhite } from 'assets/img/unleashHolidayDark.svg';
|
||||
|
||||
import { DrawerMenu } from './DrawerMenu/DrawerMenu';
|
||||
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
||||
@ -45,6 +48,35 @@ const StyledHeader = styled(AppBar)(({ theme }) => ({
|
||||
zIndex: 300,
|
||||
}));
|
||||
|
||||
const StyledSpaciousHeader = styled(AppBar)(({ theme }) => ({
|
||||
backgroundColor: theme.palette.background.paper,
|
||||
padding: theme.spacing(1),
|
||||
boxShadow: 'none',
|
||||
position: 'relative',
|
||||
zIndex: 300,
|
||||
maxWidth: '1580px',
|
||||
[theme.breakpoints.down('lg')]: {
|
||||
maxWidth: '1280px',
|
||||
paddingLeft: theme.spacing(1),
|
||||
paddingRight: theme.spacing(1),
|
||||
},
|
||||
[theme.breakpoints.down(1024)]: {
|
||||
marginLeft: 0,
|
||||
marginRight: 0,
|
||||
},
|
||||
[theme.breakpoints.down('sm')]: {
|
||||
minWidth: '100%',
|
||||
},
|
||||
margin: '0 auto',
|
||||
}));
|
||||
|
||||
const SpaciousStyledContainer = styled(Box)(() => ({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
'&&&': { padding: 0 },
|
||||
}));
|
||||
|
||||
const StyledContainer = styled(Container)(() => ({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
@ -68,6 +100,8 @@ const StyledUnleashLogoWhite = styled(UnleashLogoWhite)({ width: '150px' });
|
||||
|
||||
const StyledUnleashLogo = styled(UnleashLogo)({ width: '150px' });
|
||||
|
||||
const StyledCelebatoryLogo = styled(CelebatoryUnleashLogo)({ width: '150px' });
|
||||
|
||||
const StyledLinks = styled('div')(({ theme }) => ({
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
@ -131,6 +165,9 @@ const Header: VFC = () => {
|
||||
const onAdminClose = () => setAdminRef(null);
|
||||
const onConfigureClose = () => setConfigRef(null);
|
||||
|
||||
const increaseUnleashWidth = useUiFlag('increaseUnleashWidth');
|
||||
const celebatoryUnleash = useUiFlag('celebrateUnleash');
|
||||
|
||||
const routes = getRoutes();
|
||||
const adminRoutes = useAdminRoutes();
|
||||
|
||||
@ -144,10 +181,18 @@ const Header: VFC = () => {
|
||||
adminRoutes,
|
||||
};
|
||||
|
||||
const HeaderComponent = increaseUnleashWidth
|
||||
? StyledSpaciousHeader
|
||||
: StyledHeader;
|
||||
|
||||
const ContainerComponent = increaseUnleashWidth
|
||||
? SpaciousStyledContainer
|
||||
: StyledContainer;
|
||||
|
||||
if (smallScreen) {
|
||||
return (
|
||||
<StyledHeader position='static'>
|
||||
<StyledContainer>
|
||||
<HeaderComponent position='static'>
|
||||
<ContainerComponent>
|
||||
<Tooltip title='Menu' arrow>
|
||||
<IconButton
|
||||
sx={{
|
||||
@ -170,21 +215,33 @@ const Header: VFC = () => {
|
||||
<StyledUserContainer>
|
||||
<UserProfile />
|
||||
</StyledUserContainer>
|
||||
</StyledContainer>
|
||||
</StyledHeader>
|
||||
</ContainerComponent>
|
||||
</HeaderComponent>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<StyledHeader position='static'>
|
||||
<StyledContainer>
|
||||
<HeaderComponent position='static'>
|
||||
<ContainerComponent>
|
||||
<StyledLink to='/' sx={flexRow} aria-label='Home'>
|
||||
<ThemeMode
|
||||
darkmode={
|
||||
<StyledUnleashLogoWhite aria-label='Unleash logo' />
|
||||
<ConditionallyRender
|
||||
condition={celebatoryUnleash}
|
||||
show={<CelebatoryUnleashLogoWhite />}
|
||||
elseShow={
|
||||
<StyledUnleashLogoWhite aria-label='Unleash logo' />
|
||||
}
|
||||
/>
|
||||
}
|
||||
lightmode={
|
||||
<StyledUnleashLogo aria-label='Unleash logo' />
|
||||
<ConditionallyRender
|
||||
condition={celebatoryUnleash}
|
||||
show={<StyledCelebatoryLogo />}
|
||||
elseShow={
|
||||
<StyledUnleashLogo aria-label='Unleash logo' />
|
||||
}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</StyledLink>
|
||||
@ -279,8 +336,8 @@ const Header: VFC = () => {
|
||||
<UserProfile />
|
||||
</StyledUserContainer>
|
||||
</StyledNav>
|
||||
</StyledContainer>
|
||||
</StyledHeader>
|
||||
</ContainerComponent>
|
||||
</HeaderComponent>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -68,6 +68,8 @@ export type UiFlags = {
|
||||
featureSearchFrontend?: boolean;
|
||||
newStrategyConfiguration?: boolean;
|
||||
incomingWebhooks?: boolean;
|
||||
celebrateUnleash?: boolean;
|
||||
increaseUnleashWidth?: boolean;
|
||||
};
|
||||
|
||||
export interface IVersionInfo {
|
||||
|
||||
@ -73,6 +73,7 @@ exports[`should create default config 1`] = `
|
||||
"experiments": {
|
||||
"anonymiseEventLog": false,
|
||||
"caseInsensitiveInOperators": false,
|
||||
"celebrateUnleash": false,
|
||||
"customRootRolesKillSwitch": false,
|
||||
"demo": false,
|
||||
"detectSegmentUsageInChangeRequests": false,
|
||||
@ -87,6 +88,7 @@ exports[`should create default config 1`] = `
|
||||
"filterInvalidClientMetrics": false,
|
||||
"googleAuthEnabled": false,
|
||||
"incomingWebhooks": false,
|
||||
"increaseUnleashWidth": false,
|
||||
"maintenanceMode": false,
|
||||
"messageBanner": {
|
||||
"enabled": false,
|
||||
|
||||
@ -32,7 +32,9 @@ export type IFlagKey =
|
||||
| 'stripClientHeadersOn304'
|
||||
| 'newStrategyConfiguration'
|
||||
| 'stripHeadersOnAPI'
|
||||
| 'incomingWebhooks';
|
||||
| 'incomingWebhooks'
|
||||
| 'celebrateUnleash'
|
||||
| 'increaseUnleashWidth';
|
||||
|
||||
export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
|
||||
|
||||
@ -146,6 +148,14 @@ const flags: IFlags = {
|
||||
process.env.UNLEASH_EXPERIMENTAL_INCOMING_WEBHOOKS,
|
||||
false,
|
||||
),
|
||||
celebrateUnleash: parseEnvVarBoolean(
|
||||
process.env.UNLEASH_EXPERIMENTAL_CELEBRATE_UNLEASH,
|
||||
false,
|
||||
),
|
||||
increaseUnleashWidth: parseEnvVarBoolean(
|
||||
process.env.UNLEASH_EXPERIMENTAL_INCREASE_UNLEASH_WIDTH,
|
||||
false,
|
||||
),
|
||||
};
|
||||
|
||||
export const defaultExperimentalOptions: IExperimentalOptions = {
|
||||
|
||||
@ -46,6 +46,8 @@ process.nextTick(async () => {
|
||||
stripClientHeadersOn304: true,
|
||||
newStrategyConfiguration: true,
|
||||
stripHeadersOnAPI: true,
|
||||
celebrateUnleash: true,
|
||||
increaseUnleashWidth: true,
|
||||
},
|
||||
},
|
||||
authentication: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user