16340878206

Committed 17 Jul 2025 09:03AM UTC coverage: 51.046% (-3.0%) from 54.09%

Build # 16340878206

Build Type

Pull #414

github

Committed by

fifth-island

Commit Message

feat: Remove ArticleSearchBar and use direct API calls based on Moritz feedback

Pull Request Pull Request #414: feat: Implement basic article search feature

Run Details

413 of 535 branches covered (77.2%)

Branch coverage included in aggregate %.

250 of 500 new or added lines in 13 files covered. (50.0%)

136 existing lines in 7 files now uncovered.

4078 of 8263 relevant lines covered (49.35%)

4.54 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

50.0

/src/components/OnboardingComponents/SemanticSearch/ArticleDialog.tsx

// SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR)
// SPDX-License-Identifier: Apache-2.0

import React from 'react';
import {Dialog, DialogTitle, DialogContent, DialogContentText, IconButton, Typography, Box} from '@mui/material';
import CloseIcon from '@mui/icons-material/Close';
import {SearchResult} from 'types/semanticSearch';

interface ArticleDialogProps {
  open: boolean;
  onClose: () => void;
  article: SearchResult | null;
}

/**
 * A dialog component to display the full content of a selected search result article.
 */
export default function ArticleDialog({open, onClose, article}: ArticleDialogProps): JSX.Element {
  if (!article) {
    return <></>;
  }

  return (
    <Dialog open={open} onClose={onClose} maxWidth='md' fullWidth scroll='paper'>
      <DialogTitle sx={{m: 0, p: 2}}>
        <Typography variant='h2'>{article.title}</Typography>
        <IconButton
          aria-label='close'
          onClick={onClose}
          sx={{
            position: 'absolute',
            right: 8,
            top: 8,
            color: (theme) => theme.palette.grey[500],
          }}
        >
          <CloseIcon />
        </IconButton>
      </DialogTitle>
      <DialogContent dividers>
        <Box mb={2}>
          <Typography variant='caption' color='text.secondary'>
            Author: {article.author || 'N/A'} | Published: {article.year_published || 'N/A'}
          </Typography>
        </Box>
        <DialogContentText component='div'>
          <Typography paragraph>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
            ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
            nulla pariatur.
          </Typography>
          <Typography paragraph>
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
            laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
            totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
            explicabo.
          </Typography>
          <Typography paragraph>
            Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
            dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
            sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore
            magnam aliquam quaerat voluptatem.
          </Typography>
        </DialogContentText>
      </DialogContent>
    </Dialog>
  );
}

1	// SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR)
2	// SPDX-License-Identifier: Apache-2.0
3
4	import React from 'react';
5	import {Dialog, DialogTitle, DialogContent, DialogContentText, IconButton, Typography, Box} from '@mui/material';	1✔
6	import CloseIcon from '@mui/icons-material/Close';	1✔
7	import {SearchResult} from 'types/semanticSearch';
8
9	interface ArticleDialogProps {
10	open: boolean;
11	onClose: () => void;
12	article: SearchResult \| null;
13	}
14
15	/**
16	* A dialog component to display the full content of a selected search result article.
17	*/
18	export default function ArticleDialog({open, onClose, article}: ArticleDialogProps): JSX.Element {	5✔
19	if (!article) {	5✔
20	return <></>;	5✔
21	}	5!
22
NEW 23	return (	×
NEW 24	<Dialog open={open} onClose={onClose} maxWidth='md' fullWidth scroll='paper'>	×
NEW 25	<DialogTitle sx={{m: 0, p: 2}}>	×
NEW 26	<Typography variant='h2'>{article.title}</Typography>	×
NEW 27	<IconButton	×
NEW 28	aria-label='close'	×
NEW 29	onClick={onClose}	×
NEW 30	sx={{	×
NEW 31	position: 'absolute',	×
NEW 32	right: 8,	×
NEW 33	top: 8,	×
NEW 34	color: (theme) => theme.palette.grey[500],	×
NEW 35	}}	×
36	>
NEW 37	<CloseIcon />	×
NEW 38	</IconButton>	×
NEW 39	</DialogTitle>	×
NEW 40	<DialogContent dividers>	×
NEW 41	<Box mb={2}>	×
NEW 42	<Typography variant='caption' color='text.secondary'>	×
43	Author: {article.author \|\| 'N/A'} \| Published: {article.year_published \|\| 'N/A'}	5!
44	</Typography>	5✔
45	</Box>	5✔
46	<DialogContentText component='div'>	5✔
47	<Typography paragraph>	5✔
48	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
49	dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
50	ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
51	nulla pariatur.
52	</Typography>	5✔
53	<Typography paragraph>	5✔
54	Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
55	laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
56	totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
57	explicabo.
58	</Typography>	5✔
59	<Typography paragraph>	5✔
60	Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
61	dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
62	sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore
63	magnam aliquam quaerat voluptatem.
64	</Typography>	5✔
65	</DialogContentText>	5✔
66	</DialogContent>	5✔
67	</Dialog>	5✔
68	);
69	}	5✔

DLR-SC / ESID / 16340878206

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous