123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- /*
- * SonarQube
- * Copyright (C) 2009-2024 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
- import styled from '@emotion/styled';
- import {
- LargeCenteredLayout,
- PageContentFontWrapper,
- themeBorder,
- themeColor,
- } from 'design-system';
- import * as React from 'react';
- import { Helmet } from 'react-helmet-async';
- import A11ySkipTarget from '../../../components/a11y/A11ySkipTarget';
- import Suggestions from '../../../components/embed-docs-modal/Suggestions';
- import { translate } from '../../../helpers/l10n';
- import { ComponentQualifier } from '../../../types/component';
- import { MeasureHistory, ParsedAnalysis } from '../../../types/project-activity';
- import { Component, Metric } from '../../../types/types';
- import { Query } from '../utils';
- import ProjectActivityAnalysesList from './ProjectActivityAnalysesList';
- import ProjectActivityGraphs from './ProjectActivityGraphs';
- import ProjectActivityPageFilters from './ProjectActivityPageFilters';
-
- interface Props {
- analyses: ParsedAnalysis[];
- analysesLoading: boolean;
- graphLoading: boolean;
- leakPeriodDate?: Date;
- initializing: boolean;
- project: Pick<Component, 'configuration' | 'key' | 'leakPeriodDate' | 'qualifier'>;
- metrics: Metric[];
- measuresHistory: MeasureHistory[];
- query: Query;
- onUpdateQuery: (changes: Partial<Query>) => void;
- }
-
- export default function ProjectActivityAppRenderer(props: Props) {
- const {
- analyses,
- measuresHistory,
- query,
- leakPeriodDate,
- analysesLoading,
- initializing,
- graphLoading,
- metrics,
- project,
- } = props;
- const { configuration, qualifier } = props.project;
- const canAdmin =
- (qualifier === ComponentQualifier.Project || qualifier === ComponentQualifier.Application) &&
- configuration?.showHistory;
- const canDeleteAnalyses = configuration?.showHistory;
- return (
- <main className="sw-p-5" id="project-activity">
- <Suggestions suggestions="project_activity" />
- <Helmet defer={false} title={translate('project_activity.page')} />
-
- <A11ySkipTarget anchor="activity_main" />
- <LargeCenteredLayout>
- <PageContentFontWrapper>
- <ProjectActivityPageFilters
- category={query.category}
- from={query.from}
- project={props.project}
- to={query.to}
- updateQuery={props.onUpdateQuery}
- />
-
- <div className="sw-grid sw-grid-cols-12 sw-gap-x-12">
- <StyledWrapper className="sw-col-span-4 sw-rounded-1">
- <ProjectActivityAnalysesList
- analyses={analyses}
- analysesLoading={analysesLoading}
- canAdmin={canAdmin}
- canDeleteAnalyses={canDeleteAnalyses}
- initializing={initializing}
- leakPeriodDate={leakPeriodDate}
- project={project}
- query={query}
- onUpdateQuery={props.onUpdateQuery}
- />
- </StyledWrapper>
- <StyledWrapper className="sw-col-span-8 sw-rounded-1">
- <ProjectActivityGraphs
- analyses={analyses}
- leakPeriodDate={leakPeriodDate}
- loading={graphLoading}
- measuresHistory={measuresHistory}
- metrics={metrics}
- project={project.key}
- query={query}
- updateQuery={props.onUpdateQuery}
- />
- </StyledWrapper>
- </div>
- </PageContentFontWrapper>
- </LargeCenteredLayout>
- </main>
- );
- }
-
- const StyledWrapper = styled.div`
- border: ${themeBorder('default', 'filterbarBorder')};
- background-color: ${themeColor('backgroundSecondary')};
- `;
|