All files / src/apps/organisations/components OrgSources.tsx

33.33% Statements 1/3
0% Branches 0/2
0% Functions 0/2
33.33% Lines 1/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35                1x                                                    
import React from "react";
import { Grid, Paper, Typography, List, ListItem } from "@mui/material";
import { OrgSource } from "../types";
import { Link } from "react-router-dom";
interface Props {
  sources?: OrgSource[];
}
 
const OrganisationSources: React.FC<Props> = ({ sources }) => {
  return (
    <Grid item xs={12} component="div">
      <Paper className="fieldsetParent">
        <fieldset>
          <Typography component="legend" variant="h5" gutterBottom>
            Sources
          </Typography>
          <List>
            {sources?.length ? (
              sources.map(s => (
                <ListItem key={s.short_code}>
                  <Link to={s.url}>{s.name}</Link>
                </ListItem>
              ))
            ) : (
              <ListItem>No sources found!</ListItem>
            )}
          </List>
        </fieldset>
      </Paper>
    </Grid>
  );
};
 
export default OrganisationSources;