github.com/pelicanplatform/pelican@v1.0.5/web_ui/frontend/components/layout/Sidebar.tsx (about)

     1  /***************************************************************
     2   *
     3   * Copyright (C) 2023, Pelican Project, Morgridge Institute for Research
     4   *
     5   * Licensed under the Apache License, Version 2.0 (the "License"); you
     6   * may not use this file except in compliance with the License.  You may
     7   * obtain a copy of the License at
     8   *
     9   *    http://www.apache.org/licenses/LICENSE-2.0
    10   *
    11   * Unless required by applicable law or agreed to in writing, software
    12   * distributed under the License is distributed on an "AS IS" BASIS,
    13   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    14   * See the License for the specific language governing permissions and
    15   * limitations under the License.
    16   *
    17   ***************************************************************/
    18  
    19  import Image from 'next/image'
    20  import Link from 'next/link'
    21  import {Typography, Box} from "@mui/material";
    22  import IconButton from "@mui/material/IconButton";
    23  import HomeIcon from '@mui/icons-material/Home';
    24  import BuildIcon from '@mui/icons-material/Build';
    25  
    26  import styles from "../../app/page.module.css"
    27  import PelicanLogo from "../../public/static/images/PelicanPlatformLogo_Icon.png"
    28  import GithubIcon from "../../public/static/images/github-mark.png"
    29  import {ReactNode} from "react";
    30  
    31  export const Sidebar = ({children}: {children: ReactNode}) => {
    32  
    33      return (
    34          <Box>
    35              <div className={styles.header} style={{display: "flex", flexDirection: "column", justifyContent:"space-between", padding:"1rem", top:0, position:"fixed", zIndex:"1", overflow: "hidden", height: "100vh"}}>
    36                  <div style={{display:"flex", flexDirection: "column"}}>
    37                      {children}
    38                  </div>
    39                  <Box display={"flex"} justifyContent={"center"}>
    40                      <a href={"https://github.com/PelicanPlatform"}>
    41                          <Image
    42                              src={GithubIcon}
    43                              alt={"Github Mark"}
    44                              width={32}
    45                              height={32}
    46                          />
    47                      </a>
    48                  </Box>
    49              </div>
    50          </Box>
    51  
    52      )
    53  }