-
-
+
-
-
-
- Search
-
- setFilter(e.target.value)} />
+
+
+
+ Search
+
+ setFilter(e.target.value)}
+ />
-
-
+
-
-
+
+
+
+
+
+
-
+
+
);
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index d40c04f20..bbd437271 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import { Typography } from "@mui/material";
-import PageLayout from "./PageLayout";
+import React from 'react';
+import { Typography } from '@mui/material';
+import PageLayout from './PageLayout';
export default function LandingPage() {
return (
@@ -8,4 +8,4 @@ export default function LandingPage() {
-
-
+
{name}
; + return ( ++ {name} +
+ ); } - function Navigation({ links }: NavigationProps) { const navigate = useNavigate(); return (-
{links.map((link) => (
<>
-
+
-
-
-
+
+
+
);
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/ProjectConfigView.tsx b/frontend/src/pages/ProjectConfigView.tsx
index 6eecd43d6..a3aab2357 100644
--- a/frontend/src/pages/ProjectConfigView.tsx
+++ b/frontend/src/pages/ProjectConfigView.tsx
@@ -8,34 +8,44 @@ import { fetchProjectConfigQuery } from '../ProjectData';
export function ProjectConfigview() {
const { projectUrl } = useParams();
const encodedProjectUrl = toBase64(projectUrl);
- const [sourceFolder, setSourceFolder] = useState("")
- const { loading, error} = useQuery(fetchProjectConfigQuery, {
+ const [sourceFolder, setSourceFolder] = useState('');
+ const { loading, error } = useQuery(fetchProjectConfigQuery, {
variables: { projectUrl: encodedProjectUrl },
onCompleted: (data) => {
- setSourceFolder(data.getProjectConfig.sourceFolder)
- }
+ setSourceFolder(data.getProjectConfig.sourceFolder);
+ },
});
return (
-
-Project Config
-
- {loading &&Can not fetch data. Are you logged in? }
- setSourceFolder(e.target.value)} />
-
+
+Project Config
+
+ {loading &&Can not fetch data. Are you logged in?
+ )}
+ setSourceFolder(e.target.value)}
+ />
+
);
}
function toBase64(str: string | undefined): string {
if (undefined === str) {
- return "";
+ return '';
}
return atob(str);
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/RefactorView.tsx b/frontend/src/pages/RefactorView.tsx
index bd0ab7388..cbf98cb2a 100644
--- a/frontend/src/pages/RefactorView.tsx
+++ b/frontend/src/pages/RefactorView.tsx
@@ -1,117 +1,189 @@
-import { useMutation, useQuery } from "@apollo/client";
-import { Alert, Button, Chip, Stack, TextField, Typography } from "@mui/material";
+import { useMutation, useQuery } from '@apollo/client';
+import {
+ Alert,
+ Button,
+ Chip,
+ Stack,
+ TextField,
+ Typography,
+} from '@mui/material';
import Grid2 from '@mui/material/Unstable_Grid2'; // Grid version 2
-import React, { useMemo } from "react";
-import { useParams } from "react-router";
-import { BadSmellTreeView } from "../component/BadSmellTree";
-import { BadSmell } from "../data/BadSmell";
-import { fetchBadSmellsforHashQuery, refactorQuery } from "../ProjectData";
-
+import React, { useMemo } from 'react';
+import { useParams } from 'react-router';
+import { BadSmellTreeView } from '../component/BadSmellTree';
+import { BadSmell } from '../data/BadSmell';
+import { fetchBadSmellsforHashQuery, refactorQuery } from '../ProjectData';
export function RefactorView() {
const [selected, setSelected] = React.useState([]);
- const [search, setSearch] = React.useState("");
+ const [search, setSearch] = React.useState('');
const handleSelect = (values: string[]) => {
-
if (values.length === 1) {
if (selected.includes(values[0])) {
- setSelected(selected.filter((identifier: string) => identifier !== values[0]));
+ setSelected(
+ selected.filter((identifier: string) => identifier !== values[0])
+ );
} else {
setSelected([...selected, values[0]]);
}
- }
- else {
+ } else {
const temp = [...selected, ...values];
setSelected(temp);
}
};
- const [refactorBadSmell] = useMutation(
- refactorQuery,
- {
- onError: (error) => { console.log(error) },
- onCompleted: (data) => {
- console.log(data);
- }
- }
- )
+ const [refactorBadSmell] = useMutation(refactorQuery, {
+ onError: (error) => {
+ console.log(error);
+ },
+ onCompleted: (data) => {
+ console.log(data);
+ },
+ });
// function combine 2 arrays:
// const arr1 = [1, 2, 3];
// const arr2 = [4, 5, 6];
// const arr3 = [...arr1, ...arr2];
const { hash, name } = useParams();
- const { data: dataBadSmell, error: errorBadSmell, loading: loadingBadSmell } = useQuery(fetchBadSmellsforHashQuery, {
+ const {
+ data: dataBadSmell,
+ error: errorBadSmell,
+ loading: loadingBadSmell,
+ } = useQuery(fetchBadSmellsforHashQuery, {
variables: {
- hash: hash
- }
+ hash: hash,
+ },
});
// eslint-disable-next-line react-hooks/exhaustive-deps
- let allBadsmells: BadSmell[] = (dataBadSmell !== undefined) ? dataBadSmell.byCommitHash : [];
- allBadsmells = useMemo(() =>
- allBadsmells.filter((badSmell: BadSmell) => {
- return badSmell.ruleID.toLowerCase().includes(search.toLowerCase()) || badSmell.messageMarkdown.toLowerCase().includes(search.toLowerCase());
- })
- , [allBadsmells, search])
- if (hash === "undefined") {
- return Error Loading ruleset. Are you logged in?
+ return (
+ Error Loading ruleset. Are you logged in?
+ );
}
if (loadingBadSmell) {
return Loading ;
}
return (
-
-Refactor {name} at {hash}
+
+ Refactor {name} at {hash}
+
-
+
Search
- setSearch(e.target.value)} />
+ setSearch(e.target.value)}
+ />
-
+
-
);
}
-function StackSelectedRule({ selected, handleSelect }: { selected: string[]; handleSelect: (value: [string]) => void; }) {
- return
- {selected.map((value : string) => {
- return handleSelect([value])} />;
- })}
- ;
+function StackSelectedRule({
+ selected,
+ handleSelect,
+}: {
+ selected: string[];
+ handleSelect: (value: [string]) => void;
+}) {
+ return (
+
+ {selected.map((value: string) => {
+ return (
+ handleSelect([value])}
+ />
+ );
+ })}
+
+ );
}
-function StackSelector({ dataBadSmell, handleSelect }: { dataBadSmell: any; handleSelect: (value: string[]) => void; }): JSX.Element {
+function StackSelector({
+ dataBadSmell,
+ handleSelect,
+}: {
+ dataBadSmell: any;
+ handleSelect: (value: string[]) => void;
+}): JSX.Element {
const badSmells: BadSmell[] = dataBadSmell.byCommitHash;
- return
- {listOfUniqueRules(badSmells).map((badSmell: BadSmell) => {
- return handleSelect(toRuleIDs(filterBadSmells(badSmells, e.currentTarget.innerText)))} />;
- })}
- ;
+ return (
+
+ {listOfUniqueRules(badSmells).map((badSmell: BadSmell) => {
+ return (
+
+ handleSelect(
+ toRuleIDs(filterBadSmells(badSmells, e.currentTarget.innerText))
+ )
+ }
+ />
+ );
+ })}
+
+ );
}
-function filterBadSmells(BadSmell : BadSmell[], ruleID : string) : BadSmell[]{
+function filterBadSmells(BadSmell: BadSmell[], ruleID: string): BadSmell[] {
return BadSmell.filter((inner: BadSmell) => {
return inner.ruleID === ruleID;
});
@@ -123,7 +195,9 @@ function toRuleIDs(badSmells: BadSmell[]): string[] {
}
function listOfUniqueRules(badSmells: BadSmell[]): BadSmell[] {
- const ids = badSmells.map(o => o.ruleID)
- const filtered = badSmells.filter(({ ruleID }, index) => !ids.includes(ruleID, index + 1));
+ const ids = badSmells.map((o) => o.ruleID);
+ const filtered = badSmells.filter(
+ ({ ruleID }, index) => !ids.includes(ruleID, index + 1)
+ );
return filtered;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/Resultview.tsx b/frontend/src/pages/Resultview.tsx
index 85dab7cfd..5c08ea3d3 100644
--- a/frontend/src/pages/Resultview.tsx
+++ b/frontend/src/pages/Resultview.tsx
@@ -1,82 +1,103 @@
-import { Button, CircularProgress, Divider, Grid, Stack, Typography } from "@mui/material";
-import React from "react";
-import ProjectCard from "../component/ProjectCard";
-import { useNavigate, useParams } from "react-router-dom";
-import { fetchProjectQuery } from "../ProjectData";
-import HashSelector from "../component/HashSelector";
-import { Project } from "../data/Project";
-import { useQuery } from "@apollo/client";
-import BadSmellList from "../component/BadSmellList";
+import {
+ Button,
+ CircularProgress,
+ Divider,
+ Grid,
+ Stack,
+ Typography,
+} from '@mui/material';
+import React from 'react';
+import ProjectCard from '../component/ProjectCard';
+import { useNavigate, useParams } from 'react-router-dom';
+import { fetchProjectQuery } from '../ProjectData';
+import HashSelector from '../component/HashSelector';
+import { Project } from '../data/Project';
+import { useQuery } from '@apollo/client';
+import BadSmellList from '../component/BadSmellList';
function Resultview() {
- let navigate = useNavigate();
- let params = useParams();
- const { data, loading, error } = useQuery(fetchProjectQuery);
- if (error) {
- console.error(error);
+ let navigate = useNavigate();
+ let params = useParams();
+ const { data, loading, error } = useQuery(fetchProjectQuery);
+ if (error) {
+ console.error(error);
+ }
+ console.log(params);
+ if (loading) {
+ return Current selected hash: {hash} ;
- }
- return No hash selected ;
+ if (hash) {
+ return Current selected hash: {hash} ;
+ }
+ return No hash selected ;
}
function toBase64(str: string) {
- return btoa(str);
+ return btoa(str);
}
function generateProjectConfigLink(project: Project) {
- return "/mutation/projectconfig/" + toBase64(project.projectUrl);
-}
\ No newline at end of file
+ return '/mutation/projectconfig/' + toBase64(project.projectUrl);
+}
diff --git a/frontend/src/pages/StatisticsPage.tsx b/frontend/src/pages/StatisticsPage.tsx
index 4aafa3b89..11ba80ff9 100644
--- a/frontend/src/pages/StatisticsPage.tsx
+++ b/frontend/src/pages/StatisticsPage.tsx
@@ -1,17 +1,32 @@
-import { useQuery } from "@apollo/client";
-import { fetchProjectQuery } from "../ProjectData";
-import PageLayout from "./PageLayout";
-import { Box, Card, CardContent, CardHeader, CircularProgress, Divider} from "@mui/material";
-import { Project } from "../data/Project";
-import Avatar from "react-avatar";
-import { FancyText } from "../styled/FancyText";
+import { useQuery } from '@apollo/client';
+import { fetchProjectQuery } from '../ProjectData';
+import PageLayout from './PageLayout';
+import {
+ Box,
+ Card,
+ CardContent,
+ CardHeader,
+ CircularProgress,
+ Divider,
+} from '@mui/material';
+import { Project } from '../data/Project';
+import Avatar from 'react-avatar';
+import { FancyText } from '../styled/FancyText';
function toCard(card: CardData[]) {
const { owner, url } = card[0];
return (
-
+
{owner} }
/>
@@ -26,7 +41,6 @@ type CardData = {
name: string;
url: string;
commitHashes: string[];
-
};
function Statistics({ projects }: { projects: CardData[] }) {
@@ -43,32 +57,39 @@ function Statistics({ projects }: { projects: CardData[] }) {
const numOwners = Object.keys(groupedProjects).length;
return (
-
- Statistics
-
+
+ Statistics
+
+ {numOwners} owners
{projects.length} projects
-
-
- {loading &&
Loading...
} - {error &&+
+ {loading &&
Loading...
} + {error && ( +
- Hash not found
- Hash not found. Please go back an select a hash before
-
;
+ let allBadsmells: BadSmell[] =
+ dataBadSmell !== undefined ? dataBadSmell.byCommitHash : [];
+ allBadsmells = useMemo(
+ () =>
+ allBadsmells.filter((badSmell: BadSmell) => {
+ return (
+ badSmell.ruleID.toLowerCase().includes(search.toLowerCase()) ||
+ badSmell.messageMarkdown.toLowerCase().includes(search.toLowerCase())
+ );
+ }),
+ [allBadsmells, search]
+ );
+ if (hash === 'undefined') {
+ return (
+
+ Hash not found
+
+ Hash not found. Please go back an select a hash before
+
+
+ );
}
if (errorBadSmell) {
- return -
-
Project not found
;
- }
- return (
-
-
-
- {addHashIfPresent(params.hash)} -
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
+ );
+ if (!project) {
+ return -
- {addHashIfPresent(params.hash)} -
-
-
-
Project not found
;
+ }
+ return (
+
+
+
+ {addHashIfPresent(params.hash)} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
}
export default Resultview;
-function projectWithSingleHash(project: Project, hash: string | undefined): Project {
- if (hash) {
- return {
- projectName: project.projectName,
- commitHashes: [hash],
- projectUrl: project.projectUrl
- }
- }
- return project;
+function projectWithSingleHash(
+ project: Project,
+ hash: string | undefined
+): Project {
+ if (hash) {
+ return {
+ projectName: project.projectName,
+ commitHashes: [hash],
+ projectUrl: project.projectUrl,
+ commits: project.commits,
+ };
+ }
+ return project;
}
function addHashIfPresent(hash: string | undefined) {
- if (hash) {
- return +
+ {addHashIfPresent(params.hash)} +
+
+
+
+ }> ;
+ if (loading) return
{Object.values(groupedProjects).map((card) => toCard(card))}
);
}
-
-
export function StatisticPage() {
const { loading, error, data } = useQuery(fetchProjectQuery);
- if (loading) return Error :(
; const projects: CardData[] = data.getProjects.map((project: Project) => { - const urlParts = project.projectUrl.split("/"); + const urlParts = project.projectUrl.split('/'); const owner = urlParts[urlParts.length - 2]; const name = urlParts[urlParts.length - 1]; - const url = urlParts.join("/"); + const url = urlParts.join('/'); const commitHashes = project.commitHashes; return { owner, name, url, commitHashes } as CardData; }); @@ -78,4 +99,4 @@ export function StatisticPage() {