Commit dc37e731 authored by Dimitrios Gogos's avatar Dimitrios Gogos
Browse files

feat: add OpenOP PNG asset to portal GUI

parent 0fbe6e26

portal-gui/src/assets/openop-wordmark-dark.png

0 → 100644
+13.9 KiB
Loading image diff...

portal-gui/src/assets/openop-wordmark.png

0 → 100644
+14.6 KiB
Loading image diff...

portal-gui/src/layouts/app-sidebar.tsx

+6 −12
Changes for portal-gui/src/layouts/app-sidebar.tsx: 6 added lines, 12 removed lines.
Original line number Diff line number Diff line
@@ -8,9 +8,6 @@ import { 
  SidebarContent,

  SidebarFooter,

  SidebarHeader,

  SidebarMenu,

  SidebarMenuButton,

  SidebarMenuItem,

} from '@/components/ui/sidebar';

import { mainNavItems } from '@/app/config/navigation';
@@ -19,16 +16,13 @@ import { LogoIcon } from '@/lib/icons'; 
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {

  return (

    <Sidebar collapsible="offcanvas" {...props}>

      <SidebarHeader>

        <SidebarMenu>

          <SidebarMenuItem>

            <SidebarMenuButton asChild className="p-2">

              <Link to="/" className="flex w-full items-center justify-center">

                <LogoIcon className="h-32 w-auto scale-[8]" />

      <SidebarHeader className="px-2 py-0">

        <Link

          to="/"

          className="flex h-(--header-height) items-center justify-center rounded-md outline-hidden focus-visible:ring-2 focus-visible:ring-sidebar-ring"

        >

          <LogoIcon className="h-9 w-auto" />

        </Link>

            </SidebarMenuButton>

          </SidebarMenuItem>

        </SidebarMenu>

      </SidebarHeader>

      <SidebarContent>

        <NavMain items={mainNavItems} />

portal-gui/src/lib/icons.tsx

+15 −105
Changes for portal-gui/src/lib/icons.tsx: 15 added lines, 105 removed lines.
Original line number Diff line number Diff line 
import openopLogo from '@/assets/openop-wordmark.png';

import openopLogoDark from '@/assets/openop-wordmark-dark.png';



import { cn } from './utils';



type LogoIconProps = {
@@ -6,110 +9,17 @@ type LogoIconProps = { 


export function LogoIcon({ className }: LogoIconProps) {

  return (

    <svg

      viewBox="0 0 184 53"

      className={cn(

        '[&_.logo-main]:text-black dark:[&_.logo-main]:text-white',

        '[&_.logo-portal]:text-[#00509F] dark:[&_.logo-portal]:text-sky-300',

        className,

      )}

      fill="none"

      xmlns="http://www.w3.org/2000/svg"

    >

      <g clipPath="url(#clip0_2171_205)">

        <path

          d="M56.9662 39.1758C54.4473 39.1758 52.0563 38.214 50.231 36.4645C49.8547 36.1038 49.8424 35.5051 50.204 35.1297C50.5656 34.7543 51.1633 34.742 51.5421 35.1027C53.0107 36.5111 54.9393 37.2865 56.9662 37.2865C61.2882 37.2865 64.8034 33.7802 64.8034 29.469C64.8034 25.1578 61.2882 21.6515 56.9662 21.6515C56.4447 21.6515 56.0191 21.2295 56.0191 20.7068C56.0191 20.1842 56.4422 19.7621 56.9662 19.7621C62.3312 19.7621 66.6951 24.115 66.6951 29.4665C66.6951 34.8181 62.3312 39.1709 56.9662 39.1709V39.1758Z"

          fill="#F6861F"

        />

        <path

          d="M56.9662 43.4919C53.1804 43.4919 49.6284 42.0098 46.9643 39.3206C46.5978 38.9501 46.6002 38.3514 46.9741 37.9858C47.3456 37.6202 47.9458 37.6226 48.3123 37.9956C50.6172 40.3242 53.6896 41.6074 56.9687 41.6074C63.6743 41.6074 69.1304 36.1651 69.1304 29.4763C69.1304 22.7875 63.6743 17.3452 56.9687 17.3452C56.4472 17.3452 56.0216 16.9232 56.0216 16.4005C56.0216 15.8779 56.4447 15.4559 56.9687 15.4559C64.7173 15.4559 71.022 21.7447 71.022 29.4739C71.022 37.203 64.7173 43.4919 56.9687 43.4919H56.9662Z"

          fill="#FDB913"

        />

        <path

          d="M14.0558 39.1758C8.69075 39.1758 4.3269 34.823 4.3269 29.4714C4.3269 24.1199 8.69075 19.767 14.0558 19.767C14.5773 19.767 15.0028 20.1891 15.0028 20.7117C15.0028 21.2343 14.5797 21.6564 14.0558 21.6564C9.73375 21.6564 6.21856 25.1627 6.21856 29.4739C6.21856 33.785 9.73375 37.2914 14.0558 37.2914C16.0778 37.2914 18.0015 36.5185 19.47 35.1174C19.8464 34.7567 20.4466 34.769 20.8082 35.1468C21.1698 35.5223 21.1575 36.121 20.7787 36.4817C18.9559 38.2213 16.5698 39.1807 14.0558 39.1807V39.1758Z"

          fill="#F6861F"

        />

        <path

          d="M14.0558 43.4919C6.30717 43.4919 0 37.203 0 29.4739C0 21.7447 6.30471 15.4559 14.0558 15.4559C14.5773 15.4559 15.0029 15.8779 15.0029 16.4005C15.0029 16.9232 14.5798 17.3452 14.0558 17.3452C7.35016 17.3452 1.89412 22.7875 1.89412 29.4763C1.89412 36.1651 7.35016 41.6074 14.0558 41.6074C17.3275 41.6074 20.3999 40.3291 22.7024 38.0054C23.0689 37.6349 23.6691 37.63 24.0405 37.998C24.412 38.3636 24.4144 38.9624 24.0479 39.3329C21.3863 42.0172 17.8391 43.4943 14.0558 43.4943V43.4919Z"

          fill="#FDB913"

        />

        <path

          d="M45.7294 20.01C45.294 20.01 44.9028 19.7106 44.8069 19.2689C43.8525 14.9504 39.9388 11.817 35.4987 11.817C31.0586 11.817 27.1522 14.9455 26.1929 19.2591C26.0797 19.767 25.5755 20.0885 25.0638 19.9756C24.5546 19.8627 24.2324 19.3597 24.3455 18.8494C25.4943 13.6819 30.1853 9.93015 35.4962 9.93015C40.8071 9.93015 45.5055 13.6868 46.6518 18.8641C46.765 19.372 46.4427 19.8775 45.9311 19.9879C45.8622 20.0026 45.7933 20.01 45.7269 20.01H45.7294Z"

          fill="#F15A22"

        />

        <path

          d="M50.1818 16.9011C49.7956 16.9011 49.434 16.6631 49.2937 16.2828C47.1807 10.5338 41.6361 6.66917 35.4987 6.66917C29.3612 6.66917 23.824 10.5288 21.7085 16.2705C21.5289 16.7588 20.9828 17.0091 20.4933 16.83C20.0038 16.6508 19.7504 16.1086 19.9325 15.6178C22.321 9.13514 28.5765 4.77982 35.4987 4.77982C42.4208 4.77982 48.6837 9.14005 51.0698 15.6301C51.2494 16.1184 50.9984 16.6606 50.5065 16.8398C50.3982 16.879 50.29 16.8987 50.1818 16.8987V16.9011Z"

          fill="#F6861F"

        />

        <path

          d="M35.5036 39.0114C30.7855 39.0114 26.279 36.9969 23.1328 33.4832C22.786 33.0955 22.8179 32.4968 23.2091 32.1509C23.5977 31.8049 24.1979 31.8368 24.5448 32.2269C27.3294 35.3407 31.3242 37.1245 35.5036 37.1245C39.683 37.1245 43.5991 35.3726 46.3788 32.3177C46.7305 31.9325 47.3283 31.903 47.7145 32.2539C48.1007 32.6048 48.1302 33.2011 47.7785 33.5863C44.6421 37.0337 40.1676 39.0114 35.5011 39.0114H35.5036Z"

          fill="#F6861F"

        />

        <path

          d="M54.5653 14.2585C54.2037 14.2585 53.8568 14.0499 53.6994 13.6966C50.5065 6.52194 43.3629 1.8869 35.4987 1.8869C27.6344 1.8869 20.4958 6.51949 17.3004 13.6868C17.0888 14.1628 16.528 14.3763 16.0507 14.1652C15.5735 13.9542 15.3595 13.3948 15.5711 12.9188C19.0715 5.07181 26.894 0 35.4987 0C44.1034 0 51.9332 5.07671 55.4287 12.931C55.6403 13.407 55.4263 13.964 54.949 14.1775C54.8236 14.2315 54.6932 14.2585 54.5653 14.2585Z"

          fill="#FDB913"

        />

        <path

          d="M35.5036 43.7176C32.3796 43.7176 29.3637 43.0723 26.5373 41.7988C26.0626 41.5854 25.8486 41.0259 26.065 40.5499C26.2815 40.0739 26.8424 39.8653 27.3171 40.0788C29.8951 41.2418 32.6502 41.8307 35.5036 41.8307C38.3571 41.8307 41.0901 41.2468 43.6606 40.0935C44.1354 39.88 44.6963 40.0935 44.9103 40.5671C45.1243 41.0431 44.9103 41.6001 44.4355 41.8136C41.6214 43.0772 38.6154 43.7176 35.5036 43.7176Z"

          fill="#FDB913"

        />

        <path

          d="M95.9771 23.8389C95.9771 20.0692 93.0616 17 89.4781 17C85.8946 17 82.9771 20.067 82.9771 23.8389V35.1633C82.9771 38.933 85.8925 42 89.4781 42C93.0637 42 95.9771 38.933 95.9771 35.1633V23.8389ZM93.7757 35.1655C93.7757 37.658 91.8475 39.6887 89.476 39.6887C87.1045 39.6887 85.1763 37.6602 85.1763 35.1655V23.8411C85.1763 21.3486 87.1045 19.3179 89.476 19.3179C91.8475 19.3179 93.7757 21.3464 93.7757 23.8411V35.1655Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M110.977 31.0272C110.977 27.7046 108.509 25 105.477 25C104.357 25 103.262 25.4688 102.306 26.3534L102.188 26.4637V26.2224C102.188 25.5492 101.684 25 101.066 25C100.448 25 99.9771 25.5492 99.9771 26.2224V49.8143C99.9771 50.4577 100.475 51 101.066 51C101.656 51 102.188 50.4692 102.188 49.8143V40.7563L102.306 40.8665C103.234 41.7282 104.331 42.1855 105.477 42.1855C108.511 42.1855 110.977 39.497 110.977 36.1951V31.0295V31.0272ZM108.766 36.1928C108.766 38.1689 107.291 39.7751 105.477 39.7751C103.509 39.7751 102.188 38.509 102.188 36.6247V30.5906C102.188 28.7064 103.511 27.4403 105.477 27.4403C107.291 27.4403 108.766 29.0465 108.766 31.0226V36.1882V36.1928Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M124.977 30.9993C124.977 27.6916 122.518 25 119.494 25C116.469 25 113.977 27.6598 113.977 30.9266V36.0734C113.977 39.3425 116.453 42 119.494 42C121.627 42 123.574 40.6565 124.455 38.5786C124.71 37.9603 124.483 37.2646 123.925 36.9646C123.372 36.6986 122.716 36.9646 122.434 37.5738C121.936 38.7946 120.754 39.6175 119.494 39.6175C117.685 39.6175 116.215 38.0262 116.215 36.0734V34.6367H123.858C124.474 34.6367 124.977 34.1115 124.977 33.4636V30.9971V30.9993ZM122.739 32.2565H116.213V30.9289C116.213 28.9738 117.683 27.3847 119.492 27.3847C121.301 27.3847 122.737 28.9761 122.737 30.9289V32.2565H122.739Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M138.977 30.9266C138.977 27.6575 136.735 25 133.977 25C132.878 25 131.775 25.4979 131.098 26.3003L130.987 26.4322V26.173C130.987 25.5365 130.534 25 129.997 25C129.46 25 128.977 25.5251 128.977 26.173V40.827C128.977 41.4749 129.435 42 129.997 42C130.559 42 130.987 41.4635 130.987 40.827V30.4969C130.987 28.6623 132.216 27.3802 133.977 27.3802C135.738 27.3802 136.967 28.9374 136.967 30.9243V40.8247C136.967 41.4726 137.424 41.9977 137.987 41.9977C138.551 41.9977 138.977 41.4612 138.977 40.8247V30.9243V30.9266Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M156.977 23.8389C156.977 20.0692 153.837 17 149.978 17C146.119 17 142.977 20.067 142.977 23.8389V35.1633C142.977 38.933 146.117 42 149.978 42C153.84 42 156.977 38.933 156.977 35.1633V23.8389ZM154.606 35.1655C154.606 37.658 152.53 39.6887 149.976 39.6887C147.422 39.6887 145.345 37.6602 145.345 35.1655V23.8411C145.345 21.3486 147.422 19.3179 149.976 19.3179C152.53 19.3179 154.606 21.3464 154.606 23.8411V35.1655Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M166.613 17H161.089C160.475 17 159.977 17.5303 159.977 18.1853V40.8147C159.977 41.4675 160.475 42 161.089 42C161.703 42 162.236 41.4697 162.236 40.8147V30.194H166.613C170.121 30.194 172.977 27.242 172.977 23.6148C172.977 19.9877 170.121 17 166.613 17ZM166.613 27.8235H162.236V19.3683H166.613C168.878 19.3683 170.718 21.2732 170.718 23.6126C170.718 25.952 168.876 27.8212 166.613 27.8212V27.8235Z"

          fill="currentColor"

          className="logo-main"

        />

        <path

          d="M83.952 14V2.8H87.968C88.9067 2.8 89.712 2.94933 90.384 3.248C91.056 3.54667 91.5733 3.97867 91.936 4.544C92.2987 5.09867 92.48 5.776 92.48 6.576C92.48 7.35467 92.2987 8.02667 91.936 8.592C91.5733 9.15733 91.056 9.58933 90.384 9.888C89.712 10.1867 88.9067 10.336 87.968 10.336H84.4L84.768 9.952V14H83.952ZM84.768 10L84.4 9.6H87.968C89.1733 9.6 90.0853 9.33867 90.704 8.816C91.3333 8.28267 91.648 7.536 91.648 6.576C91.648 5.60533 91.3333 4.85867 90.704 4.336C90.0853 3.80267 89.1733 3.536 87.968 3.536H84.4L84.768 3.136V10ZM100.142 14.08C99.3095 14.08 98.5362 13.9413 97.8215 13.664C97.1175 13.376 96.4988 12.976 95.9655 12.464C95.4428 11.9413 95.0375 11.3387 94.7495 10.656C94.4615 9.96267 94.3175 9.21067 94.3175 8.4C94.3175 7.58933 94.4615 6.84267 94.7495 6.16C95.0375 5.46667 95.4428 4.864 95.9655 4.352C96.4988 3.82933 97.1175 3.42933 97.8215 3.152C98.5362 2.864 99.3095 2.72 100.142 2.72C100.974 2.72 101.742 2.864 102.446 3.152C103.16 3.42933 103.779 3.824 104.302 4.336C104.824 4.848 105.23 5.45067 105.518 6.144C105.816 6.82667 105.966 7.57867 105.966 8.4C105.966 9.22133 105.816 9.97867 105.518 10.672C105.23 11.3547 104.824 11.952 104.302 12.464C103.779 12.976 103.16 13.376 102.446 13.664C101.742 13.9413 100.974 14.08 100.142 14.08ZM100.142 13.328C100.856 13.328 101.518 13.2053 102.126 12.96C102.734 12.7147 103.262 12.368 103.71 11.92C104.158 11.472 104.504 10.9493 104.75 10.352C105.006 9.75467 105.134 9.104 105.134 8.4C105.134 7.68533 105.006 7.03467 104.75 6.448C104.504 5.85067 104.158 5.328 103.71 4.88C103.262 4.432 102.734 4.08533 102.126 3.84C101.518 3.59467 100.856 3.472 100.142 3.472C99.4268 3.472 98.7655 3.59467 98.1575 3.84C97.5495 4.08533 97.0162 4.432 96.5575 4.88C96.1095 5.328 95.7575 5.85067 95.5015 6.448C95.2562 7.03467 95.1335 7.68533 95.1335 8.4C95.1335 9.104 95.2562 9.75467 95.5015 10.352C95.7575 10.9493 96.1095 11.472 96.5575 11.92C97.0162 12.368 97.5495 12.7147 98.1575 12.96C98.7655 13.2053 99.4268 13.328 100.142 13.328ZM108.796 14V2.8H112.812C113.75 2.8 114.556 2.94933 115.228 3.248C115.9 3.54667 116.417 3.97867 116.78 4.544C117.142 5.09867 117.324 5.776 117.324 6.576C117.324 7.35467 117.142 8.02667 116.78 8.592C116.417 9.14667 115.9 9.57867 115.228 9.888C114.556 10.1867 113.75 10.336 112.812 10.336H109.244L109.612 9.952V14H108.796ZM116.572 14L113.66 9.936H114.588L117.5 14H116.572ZM109.612 10L109.244 9.616H112.812C114.017 9.616 114.929 9.34933 115.548 8.816C116.177 8.28267 116.492 7.536 116.492 6.576C116.492 5.60533 116.177 4.85867 115.548 4.336C114.929 3.80267 114.017 3.536 112.812 3.536H109.244L109.612 3.136V10ZM122.299 14V3.536H118.267V2.8H127.147V3.536H123.115V14H122.299ZM126.736 14L131.888 2.8H132.704L137.856 14H136.976L132.112 3.312H132.464L127.616 14H126.736ZM128.624 10.848L128.896 10.16H135.6L135.872 10.848H128.624ZM139.89 14V2.8H140.706V13.264H147.154V14H139.89Z"

          fill="currentColor"

          className="logo-portal"

        />

        <path

          d="M14.2673 26.6104C12.7643 26.6104 11.5393 27.8299 11.5393 29.3316C11.5393 30.8332 12.7619 32.0527 14.2673 32.0527C15.7728 32.0527 16.9953 30.8332 16.9953 29.3316C16.9953 27.8299 15.7728 26.6104 14.2673 26.6104Z"

          fill="#004A8D"

        />

        <path

          d="M35.4988 18.6064C33.9958 18.6064 32.7708 19.8259 32.7708 21.3276C32.7708 22.8293 33.9933 24.0488 35.4988 24.0488C37.0042 24.0488 38.2268 22.8293 38.2268 21.3276C38.2268 19.8259 37.0042 18.6064 35.4988 18.6064Z"

          fill="#004A8D"

        />

        <path

          d="M56.7079 26.6104C55.2049 26.6104 53.9799 27.8299 53.9799 29.3316C53.9799 30.8332 55.2024 32.0527 56.7079 32.0527C58.2133 32.0527 59.4359 30.8332 59.4359 29.3316C59.4359 27.8299 58.2133 26.6104 56.7079 26.6104Z"

          fill="#004A8D"

        />

        <path

          d="M56.7079 23.477C54.4547 23.477 52.4966 24.753 51.5126 26.6153L50.8263 26.3651C47.4981 25.1554 44.8586 25.8571 42.9842 28.4507C41.4148 30.6173 39.1271 31.8442 36.34 32.0503V27.111C39.1787 26.7012 41.368 24.2671 41.368 21.3251C41.368 18.0985 38.7359 15.4706 35.4987 15.4706C32.2615 15.4706 29.6294 18.0961 29.6294 21.3251C29.6294 24.2671 31.8187 26.7037 34.6574 27.111V32.0478C32.1114 31.8319 29.9098 30.6345 27.9616 28.3845C25.9297 26.0412 23.091 25.3026 20.1711 26.3651L19.4651 26.6202C18.4836 24.753 16.5231 23.4746 14.2674 23.4746C11.0326 23.4746 8.39807 26.1001 8.39807 29.3291C8.39807 32.5582 11.0302 35.1837 14.2674 35.1837C17.5046 35.1837 20.1367 32.5582 20.1367 29.3291C20.1367 29.0175 20.1047 28.7133 20.058 28.4139L20.8205 28.1366C22.358 27.5796 24.5965 27.3833 26.5324 29.6187C29.039 32.5116 32.0573 33.9789 35.5012 33.9789C39.2525 33.9789 42.4553 32.4085 44.5191 29.5549C45.9139 27.6287 47.6063 27.2042 50.1794 28.1391L50.9198 28.4065C50.8706 28.7083 50.8386 29.0151 50.8386 29.3291C50.8386 32.5557 53.4707 35.1837 56.7079 35.1837C59.9451 35.1837 62.5772 32.5582 62.5772 29.3291C62.5772 26.1001 59.9451 23.4746 56.7079 23.4746V23.477ZM14.2674 33.2992C12.0707 33.2992 10.2897 31.5227 10.2897 29.3316C10.2897 27.1404 12.0707 25.3639 14.2674 25.3639C16.4641 25.3639 18.245 27.1404 18.245 29.3316C18.245 31.5227 16.4641 33.2992 14.2674 33.2992ZM31.5235 21.3251C31.5235 19.134 33.3045 17.3575 35.5012 17.3575C37.6979 17.3575 39.4788 19.134 39.4788 21.3251C39.4788 23.5163 37.6979 25.2928 35.5012 25.2928C33.3045 25.2928 31.5235 23.5163 31.5235 21.3251ZM56.7079 33.2992C54.5112 33.2992 52.7303 31.5227 52.7303 29.3316C52.7303 27.1404 54.5112 25.3639 56.7079 25.3639C58.9046 25.3639 60.6856 27.1404 60.6856 29.3316C60.6856 31.5227 58.9046 33.2992 56.7079 33.2992Z"

          fill="currentColor"

        />

      </g>

      <defs>

        <clipPath id="clip0_2171_205">

          <rect width="184" height="53" fill="white" />

        </clipPath>

      </defs>

    </svg>

    <>

      <img

        src={openopLogo}

        alt="OpenOP"

        className={cn('dark:hidden', className)}

      />

      <img

        src={openopLogoDark}

        alt="OpenOP"

        className={cn('hidden dark:block', className)}

      />

    </>

  );

}