added product logos

This commit is contained in:
Deepak Prabhakara 2022-12-22 22:25:19 +00:00
parent 49b7a5f32f
commit 879bbcd84f
5 changed files with 185 additions and 2 deletions

View File

@ -13,6 +13,10 @@ import { useRouter } from 'next/router';
import Logo from '../public/logo.png';
import { useTranslation } from 'next-i18next';
import SSOLogo from '@components/logo/SSO';
import DSyncLogo from '@components/logo/DSync';
import VaultLogo from '@components/logo/Vault';
import AuditLogsLogo from '@components/logo/AuditLogs';
export const Sidebar = (props: { isOpen: boolean; setIsOpen: any; hideMenus?: boolean }) => {
const { isOpen, setIsOpen } = props;
@ -32,7 +36,7 @@ export const Sidebar = (props: { isOpen: boolean; setIsOpen: any; hideMenus?: bo
{
href: '/admin/sso-connection',
text: t('enterprise_sso'),
icon: ShieldCheckIcon,
icon: SSOLogo,
active: asPath.includes('/admin/sso-connection'),
items: [
{
@ -58,7 +62,7 @@ export const Sidebar = (props: { isOpen: boolean; setIsOpen: any; hideMenus?: bo
{
href: '/admin/directory-sync',
text: t('directory_sync'),
icon: UsersIcon,
icon: DSyncLogo,
active: asPath.includes('/admin/directory-sync'),
items: [
{

View File

@ -0,0 +1,36 @@
function AuditLogsLogo(props) {
return (
<svg
width={548}
height={548}
viewBox='0 0 548 548'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}>
<path
d='M527.722 427.138c4.262-4.262 4.262-11.173 0-15.435-4.262-4.262-11.172-4.262-15.434 0l15.434 15.435zM26.316 133.787l-7.81-7.624 7.81 7.624zM398.17 519.041H45.841v21.828h352.328v-21.828zm-368.7-16.371V152.846H7.643V502.67H29.47zm482.819-90.967L409.745 514.246l15.434 15.435 102.543-102.543-15.434-15.435zM34.126 141.41L136.9 36.13l-15.62-15.248L18.506 126.163l15.62 15.247zM45.84 519.041c-9.042 0-16.371-7.329-16.371-16.371H7.642c0 21.097 17.102 38.199 38.199 38.199v-21.828zm352.328 21.828a38.195 38.195 0 0027.01-11.188l-15.434-15.435a16.375 16.375 0 01-11.576 4.795v21.828zm-368.7-388.023a16.37 16.37 0 014.657-11.436l-15.62-15.247a38.197 38.197 0 00-10.864 26.683H29.47z'
fill='#000'
/>
<path
d='M150.986 424.813h352.521c15.069 0 27.285-12.216 27.285-27.285V45.008c0-15.07-12.216-27.285-27.285-27.285H150.986c-15.069 0-27.285 12.216-27.285 27.285v352.52c0 15.069 12.216 27.285 27.285 27.285z'
fill='#fff'
/>
<path
d='M503.507 413.899H150.986v21.828h352.521v-21.828zm-368.892-16.371V45.008h-21.828v352.52h21.828zm385.263-352.52v352.52h21.828V45.008h-21.828zM150.986 28.636h352.521V6.809H150.986v21.828zm390.72 16.37c0-21.096-17.103-38.198-38.199-38.198v21.828c9.041 0 16.371 7.33 16.371 16.37h21.828zM150.986 413.9c-9.041 0-16.371-7.329-16.371-16.371h-21.828c0 21.097 17.102 38.199 38.199 38.199v-21.828zm352.521 21.828c21.096 0 38.199-17.102 38.199-38.199h-21.828c0 9.042-7.33 16.371-16.371 16.371v21.828zM134.615 45.007c0-9.04 7.33-16.37 16.371-16.37V6.809c-21.097 0-38.199 17.102-38.199 38.199h21.828z'
fill='#000'
/>
<path
d='M121.003 41.986L17.208 143.085c.45 101.548 1.348 312.462 1.348 343.735 0 31.274 16.176 41.788 24.264 43.136H409.47l99.75-103.795H160.094c-31.273 0-39.091-20.669-39.091-31.003V41.986z'
fill='#000'
stroke='#000'
strokeWidth={2.69596}
/>
<path
d='M327.28 65.484c-15.428 0-28.052 12.624-28.052 28.053 0 5.05 1.402 9.818 3.927 14.026H259.11c-20.198 0-36.468 16.271-36.468 36.469v185.43c0 20.198 16.27 36.468 36.468 36.468h136.622c20.198 0 36.468-16.27 36.468-36.468v-185.43c0-20.198-16.27-36.469-36.468-36.469h-44.324c2.525-4.207 3.928-8.976 3.928-14.026 0-15.429-12.624-28.053-28.053-28.053h-.003zm0 16.832c6.172 0 11.222 5.05 11.222 11.221 0 6.172-5.05 11.221-11.222 11.221-6.171 0-11.221-5.05-11.221-11.22 0-6.172 5.05-11.222 11.221-11.222zm-68.172 42.079h13.467v16.832c0 1.963.842 4.208 2.525 5.891 1.683 1.683 3.647 2.525 5.891 2.525h92.577c4.769 0 8.416-3.647 8.416-8.416v-16.832h13.468c10.94 0 19.637 8.696 19.637 19.637v185.43c0 10.94-8.696 19.637-19.637 19.637H259.113c-10.941 0-19.637-8.696-19.637-19.637v-185.43c0-10.94 8.696-19.637 19.637-19.637h-.005zm23.286 45.165a14.03 14.03 0 00-14.027 14.027c0 3.719 1.478 7.286 4.108 9.916a14.023 14.023 0 0019.837 0 14.024 14.024 0 00-9.918-23.943zm47.689 5.611c-4.769 0-8.416 3.647-8.416 8.416s3.647 8.415 8.416 8.415h50.495c4.769 0 8.416-3.646 8.416-8.415 0-4.769-3.647-8.416-8.416-8.416h-50.495zm-47.689 58.071a14.03 14.03 0 00-14.027 14.027 14.03 14.03 0 0023.945 9.918 14.03 14.03 0 00-9.918-23.945zm47.689 5.047c-4.769 0-8.416 3.647-8.416 8.416s3.647 8.416 8.416 8.416h50.495c4.769 0 8.416-3.647 8.416-8.416s-3.647-8.416-8.416-8.416h-50.495zm-25.192 43.246c-2.685.033-5.315 1.325-7.068 3.604l-15.71 23.846-9.818-12.624c-2.805-3.647-8.137-4.494-11.784-1.689-3.648 2.806-4.486 8.138-1.681 11.785l16.551 22.164c1.683 2.244 4.208 3.364 7.013 3.364h.281c2.805 0 5.33-1.683 7.013-3.928l22.161-33.385c2.525-3.927 1.401-8.974-2.246-11.779a8.464 8.464 0 00-4.712-1.358zm25.192 19.872c-4.769 0-8.416 3.647-8.416 8.416s3.647 8.416 8.416 8.416h50.495c4.769 0 8.416-3.647 8.416-8.416s-3.647-8.416-8.416-8.416h-50.495z'
fill='#000'
/>
</svg>
);
}
export default AuditLogsLogo;

54
components/logo/DSync.tsx Normal file
View File

@ -0,0 +1,54 @@
function DSyncLogo(props) {
return (
<svg
width={548}
height={548}
viewBox='0 0 548 548'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}>
<path
d='M527.722 427.138c4.263-4.262 4.263-11.173 0-15.435-4.262-4.262-11.172-4.262-15.434 0l15.434 15.435zM26.316 133.787l-7.81-7.624 7.81 7.624zM398.17 519.041H45.841v21.828h352.328v-21.828zm-368.7-16.371V152.846H7.643V502.67H29.47zm482.819-90.967L409.745 514.246l15.434 15.435 102.543-102.543-15.434-15.435zM34.126 141.41L136.9 36.13l-15.619-15.248L18.507 126.163l15.62 15.247zm11.715 377.631c-9.042 0-16.371-7.329-16.371-16.371H7.642c0 21.097 17.102 38.199 38.199 38.199v-21.828zm352.328 21.828a38.195 38.195 0 0027.01-11.188l-15.434-15.435a16.371 16.371 0 01-11.576 4.795v21.828zm-368.7-388.023a16.37 16.37 0 014.657-11.436l-15.62-15.247a38.196 38.196 0 00-10.864 26.683H29.47z'
fill='#000'
/>
<path
d='M150.986 424.813h352.521c15.069 0 27.285-12.215 27.285-27.284V45.008c0-15.07-12.216-27.285-27.285-27.285H150.986c-15.069 0-27.285 12.216-27.285 27.285v352.521c0 15.069 12.216 27.284 27.285 27.284z'
fill='#fff'
stroke='#000'
strokeWidth={21.8279}
/>
<path
d='M121.003 41.987L17.208 143.085c.45 101.548 1.348 312.463 1.348 343.736 0 31.273 16.176 41.787 24.264 43.135H409.47l99.751-103.794H160.094c-31.273 0-39.091-20.669-39.091-31.004V41.987z'
fill='#000'
stroke='#000'
strokeWidth={2.69596}
/>
<g clipPath='url(#clip0_127_212)'>
<path
d='M292.456 148.942v-13.183c0-7.36-5.967-13.329-13.326-13.329h-65.376c-7.358 0-13.325 5.969-13.325 13.329v171.482c0 7.36 5.967 13.329 13.325 13.329h225.492c7.358 0 13.325-5.969 13.325-13.329V175.593c0-7.36-5.967-13.329-13.325-13.329H305.782c-7.359.007-13.326-5.962-13.326-13.322z'
stroke='#000'
strokeWidth={20.3464}
/>
<path
d='M315.308 281.45c-15.247-4.849-27.189-17.059-31.809-32.284-.506-1.669.537-3.415 2.231-3.813l5.139-1.189c1.53-.354 3.054.544 3.521 2.049 3.616 11.546 12.725 20.796 24.331 24.482 13.604 4.325 28.478.354 38.175-9.68 2.637-2.725 6.859-3.117 10.001-.999l.803.544c1.447.973 1.795 2.978.727 4.356-12.34 15.908-33.719 22.699-53.119 16.534z'
fill='#000'
/>
<path
d='M301.262 243.089l-8.522-14.688c-1.618-2.788-5.651-2.782-7.256.019l-8.459 14.726c-1.605 2.801.418 6.285 3.642 6.279l16.985-.038c3.218-.006 5.228-3.503 3.61-6.298zM341.826 194.593c15.248 4.85 27.189 17.059 31.81 32.285.505 1.669-.538 3.414-2.232 3.812l-5.139 1.189c-1.53.354-3.053-.544-3.521-2.049-3.616-11.545-12.725-20.795-24.331-24.482-13.604-4.325-28.478-.354-38.175 9.681-2.636 2.725-6.859 3.117-10.001.999l-.803-.544c-1.447-.974-1.795-2.978-.727-4.357 12.34-15.908 33.719-22.699 53.119-16.534z'
fill='#000'
/>
<path
d='M355.872 232.954l8.522 14.688c1.618 2.788 5.651 2.782 7.257-.019l8.458-14.726c1.605-2.801-.417-6.285-3.641-6.279l-16.986.038c-3.218.007-5.228 3.503-3.61 6.298z'
fill='#000'
/>
</g>
<defs>
<clipPath id='clip0_127_212'>
<path fill='#fff' transform='translate(194 116)' d='M0 0H265V211H0z' />
</clipPath>
</defs>
</svg>
);
}
export default DSyncLogo;

43
components/logo/SSO.tsx Normal file
View File

@ -0,0 +1,43 @@
function SSOLogo(props) {
return (
<svg
width={548}
height={548}
viewBox='0 0 548 548'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}>
<path
d='M527.722 427.136c4.262-4.262 4.262-11.172 0-15.434-4.262-4.262-11.172-4.262-15.434 0l15.434 15.434zM26.316 133.785l-7.81-7.624 7.81 7.624zM398.17 519.04H45.841v21.828h352.328V519.04zm-368.7-16.371V152.845H7.643v349.824H29.47zm482.819-90.967L409.745 514.245l15.434 15.434 102.543-102.543-15.434-15.434zM34.126 141.409L136.9 36.129 121.28 20.88 18.506 126.16l15.62 15.248zM45.84 519.04c-9.042 0-16.371-7.33-16.371-16.371H7.642c0 21.096 17.102 38.199 38.199 38.199V519.04zm352.328 21.828a38.195 38.195 0 0027.01-11.189l-15.434-15.434a16.375 16.375 0 01-11.576 4.795v21.828zm-368.7-388.023a16.37 16.37 0 014.657-11.436l-15.62-15.248a38.2 38.2 0 00-10.864 26.684H29.47z'
fill='#000'
/>
<path
d='M150.986 424.812h352.521c15.069 0 27.285-12.216 27.285-27.285V45.007c0-15.07-12.216-27.285-27.285-27.285H150.986c-15.069 0-27.285 12.215-27.285 27.285v352.52c0 15.069 12.216 27.285 27.285 27.285z'
fill='#fff'
/>
<path
d='M503.507 413.898H150.986v21.828h352.521v-21.828zm-368.892-16.371V45.007h-21.828v352.52h21.828zm385.263-352.52v352.52h21.828V45.007h-21.828zM150.986 28.636h352.521V6.808H150.986v21.828zm390.72 16.37c0-21.096-17.103-38.198-38.199-38.198v21.828c9.041 0 16.371 7.33 16.371 16.37h21.828zm-390.72 368.892c-9.041 0-16.371-7.329-16.371-16.371h-21.828c0 21.097 17.102 38.199 38.199 38.199v-21.828zm352.521 21.828c21.096 0 38.199-17.102 38.199-38.199h-21.828c0 9.042-7.33 16.371-16.371 16.371v21.828zM134.615 45.006c0-9.04 7.33-16.37 16.371-16.37V6.808c-21.097 0-38.199 17.102-38.199 38.199h21.828z'
fill='#000'
/>
<path
d='M121.003 41.986L17.208 143.084c.45 101.548 1.348 312.463 1.348 343.736 0 31.273 16.176 41.787 24.264 43.135H409.47l99.75-103.794H160.094c-31.273 0-39.091-20.669-39.091-31.004V41.986z'
fill='#000'
stroke='#000'
strokeWidth={2.69596}
/>
<path
d='M185.879 280.7a56.428 56.428 0 0041.172 18.077l154.229.277 28.425-.441a84.883 84.883 0 0042.272-11.024 67.462 67.462 0 00-27.558-122.854 69.947 69.947 0 00-19.345 0 6.888 6.888 0 01-7.165-3.912 81.46 81.46 0 00-116.692-34.571 81.466 81.466 0 00-37.302 55.293 6.945 6.945 0 01-7.825 5.512 57.027 57.027 0 00-22.046.827 56.275 56.275 0 00-28.165 92.816z'
stroke='#000'
strokeWidth={20.3464}
/>
<path
d='M327.946 233.482h63.568a4.518 4.518 0 000-8.996h-.761v-9.435a4.519 4.519 0 00-8.996 0v9.435h-17.472v-9.435a4.514 4.514 0 00-4.497-4.942 4.514 4.514 0 00-4.498 4.942v9.435h-27.349.002a34.514 34.514 0 00-9.795-19.991 34.867 34.867 0 00-49.019 0 34.625 34.625 0 1058.813 28.867l.004.12zm-52.296 13.633l-.002.002a25.632 25.632 0 0118.133-43.741 25.632 25.632 0 0118.118 7.502 25.63 25.63 0 01.013 36.239 25.317 25.317 0 01-18.111 7.396 25.718 25.718 0 01-18.153-7.437l.002.039z'
fill='#000'
stroke='#000'
strokeWidth={7}
/>
</svg>
);
}
export default SSOLogo;

46
components/logo/Vault.tsx Normal file
View File

@ -0,0 +1,46 @@
function VaultLogo(props) {
return (
<svg
width={548}
height={548}
viewBox='0 0 548 548'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}>
<path
d='M527.722 427.137c4.262-4.262 4.262-11.173 0-15.435-4.262-4.262-11.172-4.262-15.434 0l15.434 15.435zM26.316 133.786l-7.81-7.624 7.81 7.624zM398.17 519.04H45.841v21.828h352.328V519.04zm-368.7-16.371V152.845H7.643v349.824H29.47zm482.819-90.967L409.745 514.245l15.434 15.435 102.543-102.543-15.434-15.435zM34.126 141.409L136.9 36.129 121.28 20.88 18.506 126.162l15.62 15.247zM45.84 519.04c-9.042 0-16.371-7.329-16.371-16.371H7.642c0 21.097 17.102 38.199 38.199 38.199V519.04zm352.328 21.828a38.195 38.195 0 0027.01-11.188l-15.434-15.435a16.375 16.375 0 01-11.576 4.795v21.828zm-368.7-388.023c0-4.273 1.672-8.378 4.657-11.436l-15.62-15.247a38.197 38.197 0 00-10.864 26.683H29.47z'
fill='#000'
/>
<path
d='M150.986 424.812h352.521c15.069 0 27.285-12.216 27.285-27.285V45.007c0-15.07-12.216-27.285-27.285-27.285H150.986c-15.069 0-27.285 12.215-27.285 27.285v352.52c0 15.069 12.216 27.285 27.285 27.285z'
fill='#fff'
/>
<path
d='M503.507 413.898H150.986v21.828h352.521v-21.828zm-368.892-16.371V45.007h-21.828v352.52h21.828zm385.263-352.52v352.52h21.828V45.007h-21.828zM150.986 28.636h352.521V6.808H150.986v21.828zm390.72 16.37c0-21.096-17.103-38.198-38.199-38.198v21.828c9.041 0 16.371 7.33 16.371 16.37h21.828zm-390.72 368.892c-9.041 0-16.371-7.329-16.371-16.371h-21.828c0 21.097 17.102 38.199 38.199 38.199v-21.828zm352.521 21.828c21.096 0 38.199-17.102 38.199-38.199h-21.828c0 9.042-7.33 16.371-16.371 16.371v21.828zM134.615 45.006c0-9.04 7.33-16.37 16.371-16.37V6.808c-21.097 0-38.199 17.102-38.199 38.199h21.828z'
fill='#000'
/>
<path
d='M121.003 41.986L17.208 143.085c.45 101.548 1.348 312.462 1.348 343.735 0 31.274 16.176 41.788 24.264 43.136H409.47l99.75-103.795H160.094c-31.273 0-39.091-20.669-39.091-31.003V41.986z'
fill='#000'
stroke='#000'
strokeWidth={2.69596}
/>
<path
d='M453.755 136.722a10.547 10.547 0 00-10.55-10.55c-58.688 0-108.971-39.499-109.465-39.89a10.555 10.555 0 00-13.178 0c-.497.401-50.546 39.89-109.454 39.89a10.55 10.55 0 00-10.549 10.55v94.949a126.596 126.596 0 10253.194 0l.002-94.949zm-21.1 94.949c0 27.98-11.115 54.814-30.9 74.596a105.49 105.49 0 01-149.193 0 105.487 105.487 0 01-30.901-74.596v-84.755a220.52 220.52 0 00105.498-39.298 220.527 220.527 0 00105.499 39.298l-.003 84.755z'
fill='#000'
stroke='#fff'
strokeWidth={2.56792}
/>
<path
d='M318.244 253.658a9.098 9.098 0 0018.194 0v-7.185a11.833 11.833 0 00-.994-16.178 11.825 11.825 0 00-19.91 7.893 11.835 11.835 0 002.71 8.285v7.185z'
fill='#000'
/>
<path
d='M365.804 203.641H361v-13.347a33.68 33.68 0 00-67.357 0v13.347h-4.804a12.32 12.32 0 00-12.321 12.321v57.908a12.32 12.32 0 0012.321 12.322h76.968a12.321 12.321 0 0012.322-12.322v-57.785a12.322 12.322 0 00-12.322-12.444h-.003zm-57.169-13.347a18.695 18.695 0 019.577-15.453 18.695 18.695 0 0118.18 0 18.701 18.701 0 019.577 15.453v13.347h-37.333l-.001-13.347zm54.622 81.031h-71.871v-52.692h71.871v52.692z'
fill='#000'
/>
</svg>
);
}
export default VaultLogo;