github.com/filecoin-project/bacalhau@v0.3.23-0.20230228154132-45c989550ace/dashboard/frontend/src/components/job/FilPlus.tsx (about)

     1  import React, { FC, useMemo } from 'react'
     2  import { SxProps } from '@mui/system'
     3  import Box from '@mui/material/Box'
     4  
     5  const FilPlus: FC<{
     6    sx?: SxProps,
     7    imgSize?: number,
     8    fontSize?: string,
     9  }> = ({
    10    sx = {},
    11    imgSize = 24,
    12    fontSize = '1em',
    13  }) => {
    14    return (
    15      <Box
    16        component="div"
    17        sx={{
    18          display: 'flex',
    19          flexDirection: 'row',
    20          alignItems: 'center',
    21          justifyContent: 'center',
    22          mr: 1,
    23          mb: 0.5,
    24          ...sx
    25        }}
    26      > 
    27        <img
    28          style={{
    29            width: `${imgSize}px`,
    30            height: `${imgSize}px`,
    31          }}
    32          src="/img/filecoin-logo.png" alt="Filecoin Plus"
    33        />
    34        <span style={{fontSize, fontWeight: 'bold', marginTop: '1px', marginLeft: '3px', paddingBottom: '0px'}}>
    35        +
    36        </span>
    37      </Box>
    38    )
    39  }
    40  
    41  export default FilPlus