-
- );
-}
-
-FixedPlugin.propTypes = {
- bgImage: PropTypes.string,
- handleFixedClick: PropTypes.func,
- rtlActive: PropTypes.bool,
- fixedClasses: PropTypes.string,
- bgColor: PropTypes.oneOf(["purple", "blue", "green", "orange", "red"]),
- handleColorClick: PropTypes.func,
- handleImageClick: PropTypes.func
-};
diff --git a/src/ui/components/Footer/Footer.jsx b/src/ui/components/Footer/Footer.jsx
index 4adf5519..6091f71b 100644
--- a/src/ui/components/Footer/Footer.jsx
+++ b/src/ui/components/Footer/Footer.jsx
@@ -1,10 +1,9 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import ListItem from '@material-ui/core/ListItem';
import List from '@material-ui/core/List';
-import styles from '../../assets/jss/material-dashboard-react/components/footerStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/footerStyle';
+import { MarkGithubIcon } from '@primer/octicons-react';
const useStyles = makeStyles(styles);
@@ -17,12 +16,12 @@ export default function Footer(props) {
diff --git a/src/ui/components/Grid/GridContainer.jsx b/src/ui/components/Grid/GridContainer.jsx
index 762dc922..e67c15ae 100644
--- a/src/ui/components/Grid/GridContainer.jsx
+++ b/src/ui/components/Grid/GridContainer.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
diff --git a/src/ui/components/Grid/GridItem.jsx b/src/ui/components/Grid/GridItem.jsx
index c4cbeecb..29cc2b26 100644
--- a/src/ui/components/Grid/GridItem.jsx
+++ b/src/ui/components/Grid/GridItem.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
diff --git a/src/ui/components/Navbars/AdminNavbarLinks.jsx b/src/ui/components/Navbars/AdminNavbarLinks.jsx
index 14a9ce36..1821f52c 100644
--- a/src/ui/components/Navbars/AdminNavbarLinks.jsx
+++ b/src/ui/components/Navbars/AdminNavbarLinks.jsx
@@ -1,6 +1,4 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
+import React, { useEffect } from 'react';
import classNames from 'classnames';
import { makeStyles } from '@material-ui/core/styles';
import MenuItem from '@material-ui/core/MenuItem';
@@ -11,27 +9,29 @@ import ClickAwayListener from '@material-ui/core/ClickAwayListener';
import Hidden from '@material-ui/core/Hidden';
import Poppers from '@material-ui/core/Popper';
import Divider from '@material-ui/core/Divider';
-import Person from '@material-ui/icons/Person';
-import Notifications from '@material-ui/icons/Notifications';
-import Button from '../CustomButtons/Button.jsx';
-import styles from '../../assets/jss/material-dashboard-react/components/headerLinksStyle.js';
+import Button from '../CustomButtons/Button';
+import styles from '../../assets/jss/material-dashboard-react/components/headerLinksStyle';
+import { useNavigate } from 'react-router-dom';
+import { AccountCircle } from '@material-ui/icons';
+import { getUser } from '../../services/user';
+import axios from 'axios';
+import { getCookie } from '../../utils';
const useStyles = makeStyles(styles);
export default function AdminNavbarLinks() {
const classes = useStyles();
- const [openNotification, setOpenNotification] = React.useState(null);
+ const navigate = useNavigate();
const [openProfile, setOpenProfile] = React.useState(null);
- const handleClickNotification = (event) => {
- if (openNotification && openNotification.contains(event.target)) {
- setOpenNotification(null);
- } else {
- setOpenNotification(event.currentTarget);
- }
- };
- const handleCloseNotification = () => {
- setOpenNotification(null);
- };
+ const [, setAuth] = React.useState(true);
+ const [, setIsLoading] = React.useState(true);
+ const [, setIsError] = React.useState(false);
+ const [data, setData] = React.useState(false);
+
+ useEffect(() => {
+ getUser(setIsLoading, setData, setAuth, setIsError);
+ }, []);
+
const handleClickProfile = (event) => {
if (openProfile && openProfile.contains(event.target)) {
setOpenProfile(null);
@@ -42,98 +42,45 @@ export default function AdminNavbarLinks() {
const handleCloseProfile = () => {
setOpenProfile(null);
};
+
+ const showProfile = () => {
+ navigate('/admin/profile', { replace: true });
+ };
+
+ const logout = () => {
+ axios
+ .post(
+ `${import.meta.env.VITE_API_URI}/api/auth/logout`,
+ {},
+ {
+ withCredentials: true,
+ headers: {
+ 'X-CSRF-TOKEN': getCookie('csrf'),
+ },
+ },
+ )
+ .then((res) => {
+ if (!res.data.isAuth && !res.data.user) {
+ setAuth(false);
+ navigate(0);
+ }
+ });
+ };
+
return (
-
-
-
-
- -
-
- SIDEBAR FILTERS -
-
-
- - { - props.handleColorClick("purple"); - }} - /> - { - props.handleColorClick("blue"); - }} - /> - { - props.handleColorClick("green"); - }} - /> - { - props.handleColorClick("red"); - }} - /> - { - props.handleColorClick("orange"); - }} - /> -- -
-
- Images -
-
- {
- setBgImage(imagine1);
- props.handleImageClick(imagine1);
- }}
- >
-
- -
- -
- {
- setBgImage(imagine2);
- props.handleImageClick(imagine2);
- }}
- >
-
- -
- -
- {
- setBgImage(imagine3);
- props.handleImageClick(imagine3);
- }}
- >
-
- -
- -
- {
- setBgImage(imagine4);
- props.handleImageClick(imagine4);
- }}
- >
-
- -
-
- -
- - --
-
-
- - --
-
- - - - -
-
- {({ TransitionProps, placement }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
-
-
-
@@ -142,43 +89,28 @@ export default function AdminNavbarLinks() {
anchorEl={openProfile}
transition
disablePortal
- className={
- classNames({ [classes.popperClose]: !openProfile }) +
- ' ' +
- classes.popperNav
- }
+ className={classNames({ [classes.popperClose]: !openProfile }) + ' ' + classes.popperNav}
>
{({ TransitionProps, placement }) => (
-
-
-
-
diff --git a/src/ui/components/Navbars/Navbar.jsx b/src/ui/components/Navbars/Navbar.jsx
index c12db17b..e3925bc8 100644
--- a/src/ui/components/Navbars/Navbar.jsx
+++ b/src/ui/components/Navbars/Navbar.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
@@ -9,9 +7,8 @@ import Toolbar from '@material-ui/core/Toolbar';
import IconButton from '@material-ui/core/IconButton';
import Hidden from '@material-ui/core/Hidden';
import Menu from '@material-ui/icons/Menu';
-import AdminNavbarLinks from './AdminNavbarLinks.jsx';
-import Button from '../CustomButtons/Button.jsx';
-import styles from '../../assets/jss/material-dashboard-react/components/headerStyle.js';
+import AdminNavbarLinks from './AdminNavbarLinks';
+import styles from '../../assets/jss/material-dashboard-react/components/headerStyle';
const useStyles = makeStyles(styles);
@@ -32,23 +29,23 @@ export default function Header(props) {
[' ' + classes[color]]: color,
});
return (
-
+
+
-
-
+
+
diff --git a/src/ui/components/Sidebar/Sidebar.jsx b/src/ui/components/Sidebar/Sidebar.jsx
index e21a42c9..174e31a4 100644
--- a/src/ui/components/Sidebar/Sidebar.jsx
+++ b/src/ui/components/Sidebar/Sidebar.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
@@ -11,8 +9,7 @@ import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
import Icon from '@material-ui/core/Icon';
-import AdminNavbarLinks from '../Navbars/AdminNavbarLinks.jsx';
-import styles from '../../assets/jss/material-dashboard-react/components/sidebarStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/sidebarStyle';
const useStyles = makeStyles(styles);
@@ -22,8 +19,7 @@ export default function Sidebar(props) {
function activeRoute(routeName) {
return window.location.href.indexOf(routeName) > -1 ? true : false;
}
- // eslint-disable-next-line react/prop-types
- const { color, logo, image, logoText, routes } = props;
+ const { color, logo, routes, background } = props;
const links = (
);
}
diff --git a/src/ui/views/PushDetails/components/Attestation.jsx b/src/ui/views/PushDetails/components/Attestation.jsx
new file mode 100644
index 00000000..c13663ed
--- /dev/null
+++ b/src/ui/views/PushDetails/components/Attestation.jsx
@@ -0,0 +1,106 @@
+import React, { useEffect } from 'react';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogActions from '@material-ui/core/DialogActions';
+import { CheckCircle, ErrorOutline } from '@material-ui/icons';
+import Button from '../../../components/CustomButtons/Button';
+import AttestationForm from './AttestationForm';
+
+import { getAttestationConfig, getURLShortener, getEmailContact } from '../../../services/config';
+
+export default function Attestation(props) {
+ const [open, setOpen] = React.useState(false);
+ const [formData, setFormData] = React.useState([]);
+ const [urlShortener, setURLShortener] = React.useState('');
+ const [contactEmail, setContactEmail] = React.useState('');
+
+ useEffect(() => {
+ if (!open) {
+ getAttestationConfig(setFormData);
+ }
+
+ if (open) {
+ if (!urlShortener) {
+ getURLShortener(setURLShortener);
+ }
+ if (!contactEmail) {
+ getEmailContact(setContactEmail);
+ }
+ }
+ }, [open]);
+
+ const handleClickOpen = () => {
+ setOpen(true);
+ };
+
+ const handleClose = () => {
+ setOpen(false);
+ };
+
+ const handleApprove = () => {
+ const data = formData.map((question) => {
+ return {
+ label: question.label,
+ checked: question.checked,
+ };
+ });
+ props.approveFn(data);
+ };
+
+ return (
+
{/* Here we create navbar brand, based on route name */}
-
+
- -
{routes.map((prop, key) => {
@@ -43,8 +39,8 @@ export default function Sidebar(props) {
-
-
+ ) : null}
+
+
- 
+
+
);
return (
-
+
- {logoText}
-
+ props.closeNotification()}
>
,
];
}
+
+ const calculateHorizontal = () => {
+ if (place.indexOf('l') !== -1) {
+ return 'left';
+ } else if (place.indexOf('c') !== -1) {
+ return 'center';
+ }
+ return 'right';
+ };
+
return (
+
,
];
diff --git a/src/ui/components/Table/Table.jsx b/src/ui/components/Table/Table.jsx
index 678f2943..e754a090 100644
--- a/src/ui/components/Table/Table.jsx
+++ b/src/ui/components/Table/Table.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
@@ -9,7 +7,7 @@ import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
-import styles from '../../assets/jss/material-dashboard-react/components/tableStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/tableStyle';
const useStyles = makeStyles(styles);
@@ -24,10 +22,7 @@ export default function CustomTable(props) {
{tableHead.map((prop, key) => {
return (
-
+
{prop}
);
@@ -39,10 +34,10 @@ export default function CustomTable(props) {
{tableData.map((prop, key) => {
return (
- {prop.map((prop, key) => {
+ {prop.map((p, k) => {
return (
-
- {prop}
+
+ {p}
);
})}
diff --git a/src/ui/components/Tasks/Tasks.jsx b/src/ui/components/Tasks/Tasks.jsx
index cf6c2a18..84951c26 100644
--- a/src/ui/components/Tasks/Tasks.jsx
+++ b/src/ui/components/Tasks/Tasks.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
@@ -14,7 +12,7 @@ import TableCell from '@material-ui/core/TableCell';
import Edit from '@material-ui/icons/Edit';
import Close from '@material-ui/icons/Close';
import Check from '@material-ui/icons/Check';
-import styles from '../../assets/jss/material-dashboard-react/components/tasksStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/tasksStyle';
const useStyles = makeStyles(styles);
@@ -56,37 +54,23 @@ export default function Tasks(props) {
{tasks[value]}
-
-
+
-
-
+
diff --git a/src/ui/components/Typography/Danger.jsx b/src/ui/components/Typography/Danger.jsx
index 28368140..aee27132 100644
--- a/src/ui/components/Typography/Danger.jsx
+++ b/src/ui/components/Typography/Danger.jsx
@@ -1,20 +1,14 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Danger(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {routes
- .filter((prop, _) => prop.layout === '/admin')
- .map((prop, key) => {
- return (
-
);
@@ -39,9 +35,9 @@ export default function Admin({ ...rest }) {
// ref to help us initialize PerfectScrollbar on windows devices
const mainPanel = React.createRef();
// states and functions
- const [image] = React.useState(bgImage);
const [color] = React.useState('blue');
const [mobileOpen, setMobileOpen] = React.useState(false);
+ const [user, setUser] = useState({});
const handleDrawerToggle = () => {
setMobileOpen(!mobileOpen);
@@ -55,51 +51,62 @@ export default function Admin({ ...rest }) {
}
};
// initialize and destroy the PerfectScrollbar plugin
+
+ const { id } = useParams();
React.useEffect(() => {
- if (navigator.platform.indexOf('Win') > -1) {
- ps = new PerfectScrollbar(mainPanel.current, {
- suppressScrollX: true,
- suppressScrollY: false,
- });
- document.body.style.overflow = 'hidden';
+ async function loadUser() {
+ if (navigator.platform.indexOf('Win') > -1) {
+ ps = new PerfectScrollbar(mainPanel.current, {
+ suppressScrollX: true,
+ suppressScrollY: false,
+ });
+ document.body.style.overflow = 'hidden';
+ if (!refresh) {
+ refresh = true;
+ await getUser(null, setUser, null, null, null);
+ }
+ }
+ window.addEventListener('resize', resizeFunction);
+ if (!refresh) {
+ refresh = true;
+ await getUser(null, setUser, null, null, null);
+ }
}
- window.addEventListener('resize', resizeFunction);
+ loadUser();
+
// Specify how to clean up after this effect:
return function cleanup() {
if (navigator.platform.indexOf('Win') > -1) {
- ps.destroy();
+ ps && ps.destroy();
}
window.removeEventListener('resize', resizeFunction);
};
- }, [mainPanel]);
+ }, [id]);
return (
-
- ),
- },
- {
- tabName: 'Rejections',
- tabIcon: BugReport,
- tabContent: (
-
- ),
- },
- ]}
- />
- );
-}
diff --git a/src/ui/views/Dashboard/Components/RejectedPushGraph.jsx b/src/ui/views/Dashboard/Components/RejectedPushGraph.jsx
deleted file mode 100644
index c29f6bdd..00000000
--- a/src/ui/views/Dashboard/Components/RejectedPushGraph.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import ChartistGraph from 'react-chartist';
-import { makeStyles } from '@material-ui/core/styles';
-import AccessTime from '@material-ui/icons/AccessTime';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardBody from '../../../components/Card/CardBody.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-import { completedTasksChart } from '../../../variables/charts.js';
-
-const useStyles = makeStyles(styles);
-
-export default function DailyPullsGraph() {
- const classes = useStyles();
- return (
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/RejectedPushRequestSummary.jsx b/src/ui/views/Dashboard/Components/RejectedPushRequestSummary.jsx
deleted file mode 100644
index bd09efac..00000000
--- a/src/ui/views/Dashboard/Components/RejectedPushRequestSummary.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Icon from '@material-ui/core/Icon';
-import LocalOffer from '@material-ui/icons/LocalOffer';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardIcon from '../../../components/Card/CardIcon.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function RejectedPushRequestSummary() {
- const classes = useStyles();
- return (
-
-
-
- info_outline
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/SuccessfulPushRequestSummary.jsx b/src/ui/views/Dashboard/Components/SuccessfulPushRequestSummary.jsx
deleted file mode 100644
index b5578f58..00000000
--- a/src/ui/views/Dashboard/Components/SuccessfulPushRequestSummary.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Update from '@material-ui/icons/Update';
-import Accessibility from '@material-ui/icons/Accessibility';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardIcon from '../../../components/Card/CardIcon.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function SuccessfulPushRequestSummary() {
- const classes = useStyles();
- return (
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Dashboard.jsx b/src/ui/views/Dashboard/Dashboard.jsx
deleted file mode 100644
index 8ad2a2d1..00000000
--- a/src/ui/views/Dashboard/Dashboard.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import GridItem from '../../components/Grid/GridItem.jsx';
-import GridContainer from '../../components/Grid/GridContainer.jsx';
-import OpenPushRequestSummary from './Components/OpenPushRequestSummary';
-import PullRequestSummary from './Components/PullRequestSummary';
-import RejectedPushRequestSummary from './Components/RejectedPushRequestSummary';
-import SuccessfulPushRequestSummary from './Components/SuccessfulPushRequestSummary';
-import DailyPullsGraph from './Components/DailyPullsGraph';
-import RejectedPushGraph from './Components/RejectedPushGraph';
-import PushAuthorizationsGraph from './Components/PushAuthorizationsGraph';
-import PushTable from './Components/PushTable';
-import ContributorsTable from './Components/ContributorsTable';
-
-export default function Dashboard() {
- return (
-
-
-
+
+
);
}
diff --git a/src/ui/views/PushDetails/PushDetails.jsx b/src/ui/views/PushDetails/PushDetails.jsx
index 3713d895..6f02d717 100644
--- a/src/ui/views/PushDetails/PushDetails.jsx
+++ b/src/ui/views/PushDetails/PushDetails.jsx
@@ -1,65 +1,74 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React, { useState, useEffect } from 'react';
-import { Navigate } from 'react-router-dom';
import moment from 'moment';
import { useNavigate, useParams } from 'react-router-dom';
import Icon from '@material-ui/core/Icon';
-import GridItem from '../../components/Grid/GridItem.jsx';
-import GridContainer from '../../components/Grid/GridContainer.jsx';
-import Card from '../../components/Card/Card.jsx';
-import CardIcon from '../../components/Card/CardIcon.jsx';
-import CardBody from '../../components/Card/CardBody.jsx';
-import CardHeader from '../../components/Card/CardHeader.jsx';
-import CardFooter from '../../components/Card/CardFooter.jsx';
-import Button from '../../components/CustomButtons/Button.jsx';
+import GridItem from '../../components/Grid/GridItem';
+import GridContainer from '../../components/Grid/GridContainer';
+import Card from '../../components/Card/Card';
+import CardIcon from '../../components/Card/CardIcon';
+import CardBody from '../../components/Card/CardBody';
+import CardHeader from '../../components/Card/CardHeader';
+import CardFooter from '../../components/Card/CardFooter';
+import Button from '../../components/CustomButtons/Button';
import Diff from './components/Diff';
+import Attestation from './components/Attestation';
+import AttestationView from './components/AttestationView';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import TableCell from '@material-ui/core/TableCell';
-import {
- getPush,
- authorisePush,
- rejectPush,
- cancelPush,
-} from '../../services/git-push.js';
+import { getPush, authorisePush, rejectPush, cancelPush } from '../../services/git-push';
+import { CheckCircle, Visibility, Cancel, Block } from '@material-ui/icons';
+import Snackbar from '@material-ui/core/Snackbar';
+import Tooltip from '@material-ui/core/Tooltip';
export default function Dashboard() {
- // eslint-disable-next-line react/prop-types
const { id } = useParams();
const [data, setData] = useState([]);
- const [auth, setAuth] = useState(true);
+ const [, setAuth] = useState(true);
const [isLoading, setIsLoading] = useState(true);
const [isError, setIsError] = useState(false);
- const history = useNavigate();
-
+ const [message, setMessage] = useState('');
+ const [attestation, setAttestation] = useState(false);
+ const navigate = useNavigate();
+ let isUserAllowedToApprove = true;
+ let isUserAllowedToReject = true;
+ function setUserAllowedToApprove(userAllowedToApprove) {
+ isUserAllowedToApprove = userAllowedToApprove;
+ console.log('isUserAllowedToApprove:' + isUserAllowedToApprove);
+ }
+ function setUserAllowedToReject(userAllowedToReject) {
+ isUserAllowedToReject = userAllowedToReject;
+ console.log({ isUserAllowedToReject });
+ }
useEffect(() => {
getPush(id, setIsLoading, setData, setAuth, setIsError);
}, [id]);
-
- const authorise = async () => {
- await authorisePush(id, setAuth, setIsError);
- history.push(`/admin/push/`);
+ const authorise = async (attestationData) => {
+ await authorisePush(id, setMessage, setUserAllowedToApprove, attestationData);
+ if (isUserAllowedToApprove) {
+ navigate('/admin/push/');
+ }
};
const reject = async () => {
- await rejectPush(id, setAuth, setIsError);
- history.push(`/admin/push/`);
+ await rejectPush(id, setMessage, setUserAllowedToReject);
+ if (isUserAllowedToReject) {
+ navigate('/admin/push/');
+ }
};
const cancel = async () => {
await cancelPush(id, setAuth, setIsError);
- history.push(`/admin/push/`);
+ navigate(`/admin/push/`);
};
- if (isLoading) return
-
-
-
-
- content_copy
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ arrow
+ >
+
+ {moment(data.attestation.timestamp).fromNow()}
+
+
+
+
+
{brand}
-
-
+
{brand}
@@ -152,7 +133,6 @@ Sidebar.propTypes = {
bgColor: PropTypes.oneOf(['purple', 'blue', 'green', 'orange', 'red']),
logo: PropTypes.string,
image: PropTypes.string,
- logoText: PropTypes.string,
routes: PropTypes.arrayOf(PropTypes.object),
open: PropTypes.bool,
};
diff --git a/src/ui/components/Snackbar/Snackbar.jsx b/src/ui/components/Snackbar/Snackbar.jsx
index 1818ef98..2d09372a 100644
--- a/src/ui/components/Snackbar/Snackbar.jsx
+++ b/src/ui/components/Snackbar/Snackbar.jsx
@@ -1,5 +1,3 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
@@ -7,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
import Snack from '@material-ui/core/Snackbar';
import IconButton from '@material-ui/core/IconButton';
import Close from '@material-ui/icons/Close';
-import styles from '../../assets/jss/material-dashboard-react/components/snackbarContentStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/snackbarContentStyle';
const useStyles = makeStyles(styles);
@@ -22,25 +20,30 @@ export default function Snackbar(props) {
action = [
-
- {image !== undefined ? (
-
- ) : null}
+ {links}
+
{links}
- {image !== undefined ? (
-
- ) : null}
+
- {children}
-
- );
+ return {children}
;
}
Danger.propTypes = {
diff --git a/src/ui/components/Typography/Info.jsx b/src/ui/components/Typography/Info.jsx
index 89594f27..f8aeebac 100644
--- a/src/ui/components/Typography/Info.jsx
+++ b/src/ui/components/Typography/Info.jsx
@@ -1,20 +1,14 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Info(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {children}
-
- );
+ return {children}
;
}
Info.propTypes = {
diff --git a/src/ui/components/Typography/Muted.jsx b/src/ui/components/Typography/Muted.jsx
index ffa829e5..68654797 100644
--- a/src/ui/components/Typography/Muted.jsx
+++ b/src/ui/components/Typography/Muted.jsx
@@ -1,22 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
// @material-ui/core components
import { makeStyles } from '@material-ui/core/styles';
// core components
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Muted(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {children}
-
- );
+ return {children}
;
}
Muted.propTypes = {
diff --git a/src/ui/components/Typography/Primary.jsx b/src/ui/components/Typography/Primary.jsx
index 4c7679a2..38f3d81e 100644
--- a/src/ui/components/Typography/Primary.jsx
+++ b/src/ui/components/Typography/Primary.jsx
@@ -1,22 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
// @material-ui/core components
import { makeStyles } from '@material-ui/core/styles';
// core components
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Primary(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {children}
-
- );
+ return {children}
;
}
Primary.propTypes = {
diff --git a/src/ui/components/Typography/Quote.jsx b/src/ui/components/Typography/Quote.jsx
index af4d3475..5ade54e4 100644
--- a/src/ui/components/Typography/Quote.jsx
+++ b/src/ui/components/Typography/Quote.jsx
@@ -1,11 +1,9 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
// @material-ui/core components
import { makeStyles } from '@material-ui/core/styles';
// core components
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
diff --git a/src/ui/components/Typography/Success.jsx b/src/ui/components/Typography/Success.jsx
index 23be56ab..56951ce6 100644
--- a/src/ui/components/Typography/Success.jsx
+++ b/src/ui/components/Typography/Success.jsx
@@ -1,22 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
// @material-ui/core components
import { makeStyles } from '@material-ui/core/styles';
// core components
-import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from '../../assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Success(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {children}
-
- );
+ return {children}
;
}
Success.propTypes = {
diff --git a/src/ui/components/Typography/Warning.jsx b/src/ui/components/Typography/Warning.jsx
index 4a3f2a74..b8349411 100644
--- a/src/ui/components/Typography/Warning.jsx
+++ b/src/ui/components/Typography/Warning.jsx
@@ -1,22 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React from 'react';
import PropTypes from 'prop-types';
// @material-ui/core components
import { makeStyles } from '@material-ui/core/styles';
// core components
-import styles from 'ui/assets/jss/material-dashboard-react/components/typographyStyle.js';
+import styles from 'ui/assets/jss/material-dashboard-react/components/typographyStyle';
const useStyles = makeStyles(styles);
export default function Warning(props) {
const classes = useStyles();
const { children } = props;
- return (
-
- {children}
-
- );
+ return {children}
;
}
Warning.propTypes = {
diff --git a/src/ui/layouts/Admin.jsx b/src/ui/layouts/Admin.jsx
index 862b091a..b08c6bab 100644
--- a/src/ui/layouts/Admin.jsx
+++ b/src/ui/layouts/Admin.jsx
@@ -1,33 +1,29 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { Routes, Route, Navigate } from 'react-router-dom';
+import React, { useState } from 'react';
+import { Routes, Route, Navigate, useParams } from 'react-router-dom';
+import PerfectScrollbar from 'perfect-scrollbar';
+import 'perfect-scrollbar/css/perfect-scrollbar.css';
import { makeStyles } from '@material-ui/core/styles';
-import Navbar from '../components/Navbars/Navbar.jsx';
-import Footer from '../components/Footer/Footer.jsx';
-import Sidebar from '../components/Sidebar/Sidebar.jsx';
-import routes from '../../routes.js';
-import styles from '../assets/jss/material-dashboard-react/layouts/adminStyle.js';
-import bgImage from '../assets/img/sidebar-2.jpg';
-import logo from '../assets/img/reactlogo.png';
+import Navbar from '../components/Navbars/Navbar';
+import Footer from '../components/Footer/Footer';
+import Sidebar from '../components/Sidebar/Sidebar';
+import routes from '../../routes';
+import styles from '../assets/jss/material-dashboard-react/layouts/adminStyle';
+import logo from '../assets/img/git-proxy.png';
+import { UserContext } from '../../context';
+import { getUser } from '../services/user';
let ps;
+let refresh = false;
const switchRoutes = (
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/DailyPullsGraph.jsx b/src/ui/views/Dashboard/Components/DailyPullsGraph.jsx
deleted file mode 100644
index 8d9799ea..00000000
--- a/src/ui/views/Dashboard/Components/DailyPullsGraph.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import ChartistGraph from 'react-chartist';
-import { makeStyles } from '@material-ui/core/styles';
-import AccessTime from '@material-ui/icons/AccessTime';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardBody from '../../../components/Card/CardBody.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-import ArrowUpward from '@material-ui/icons/ArrowUpward';
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-import { dailySalesChart } from '../../../variables/charts.js';
-
-const useStyles = makeStyles(styles);
-
-export default function DailyPullsGraph() {
- const classes = useStyles();
- return (
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/OpenPushRequestSummary.jsx b/src/ui/views/Dashboard/Components/OpenPushRequestSummary.jsx
deleted file mode 100644
index b2947015..00000000
--- a/src/ui/views/Dashboard/Components/OpenPushRequestSummary.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Icon from '@material-ui/core/Icon';
-import DateRange from '@material-ui/icons/DateRange';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardIcon from '../../..//components/Card/CardIcon.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function OpenPushRequestSummary() {
- const classes = useStyles();
- return (
-
-
-
- content_copy
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/PullRequestSummary.jsx b/src/ui/views/Dashboard/Components/PullRequestSummary.jsx
deleted file mode 100644
index 7fdcba67..00000000
--- a/src/ui/views/Dashboard/Components/PullRequestSummary.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Icon from '@material-ui/core/Icon';
-import LocalOffer from '@material-ui/icons/LocalOffer';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardIcon from '../../../components/Card/CardIcon.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function PullRequestSummary() {
- const classes = useStyles();
- return (
-
-
-
- info_outline
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/PushAuthorizationsGraph.jsx b/src/ui/views/Dashboard/Components/PushAuthorizationsGraph.jsx
deleted file mode 100644
index 37f8cc72..00000000
--- a/src/ui/views/Dashboard/Components/PushAuthorizationsGraph.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import ChartistGraph from 'react-chartist';
-import { makeStyles } from '@material-ui/core/styles';
-import AccessTime from '@material-ui/icons/AccessTime';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardBody from '../../../components/Card/CardBody.jsx';
-import CardFooter from '../../../components/Card/CardFooter.jsx';
-
-import { emailsSubscriptionChart } from '../../../variables/charts.js';
-
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function PushAuthorizationsGraph() {
- const classes = useStyles();
- return (
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Dashboard/Components/PushTable.jsx b/src/ui/views/Dashboard/Components/PushTable.jsx
deleted file mode 100644
index 0f96cf70..00000000
--- a/src/ui/views/Dashboard/Components/PushTable.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React, { useState, useEffect } from 'react';
-import axios from 'axios';
-import BugReport from '@material-ui/icons/BugReport';
-import Code from '@material-ui/icons/Code';
-import Table from '../../../components/Table/Table.jsx';
-import CustomTabs from '../../../components/CustomTabs/CustomTabs.jsx';
-import { Navigate } from 'react-router-dom';
-
-export default function PushesWaitingAuthorizationGraph() {
- const [data, setData] = useState([]);
- const [auth, setAuth] = useState(true);
- const url = 'http://localhost:8080/api/v1/push';
- const [isLoading, setIsLoading] = useState(false);
- const [isError, setIsError] = useState(false);
-
- useEffect(() => {
- const fetchData = async () => {
- setIsError(false);
- setIsLoading(true);
- await axios(url, { withCredentials: true })
- .then((response) => {
- const data = response.data.map((x) => [
- x.repo,
- x.branch.replace('refs/heads/', ''),
- x.commitFrom.substring(0, 8),
- x.commitTo.substring(0, 8),
- ]);
- setData(data);
- setAuth(true);
- setIsLoading(false);
- setIsError(false);
- })
- .catch((error) => {
- setIsLoading(false);
- if (error.response && error.response.status === 401) {
- setAuth(false);
- } else {
- setIsError(true);
- }
- });
- };
-
- fetchData();
- }, [url]);
-
- if (isLoading) return Loading ...
- ) : (
-
-
+
+
);
}
diff --git a/src/ui/services/config.js b/src/ui/services/config.js
new file mode 100644
index 00000000..edebc6e1
--- /dev/null
+++ b/src/ui/services/config.js
@@ -0,0 +1,28 @@
+import axios from 'axios';
+
+const baseUrl = import.meta.env.VITE_API_URI
+ ? `${import.meta.env.VITE_API_URI}/api/v1`
+ : `${location.origin}/api/v1`;
+
+const getAttestationConfig = async (setData) => {
+ const url = new URL(`${baseUrl}/config/attestation`);
+ await axios(url.toString()).then((response) => {
+ setData(response.data.questions);
+ });
+};
+
+const getURLShortener = async (setData) => {
+ const url = new URL(`${baseUrl}/config/urlShortener`);
+ await axios(url.toString()).then((response) => {
+ setData(response.data);
+ });
+};
+
+const getEmailContact = async (setData) => {
+ const url = new URL(`${baseUrl}/config/contactEmail`);
+ await axios(url.toString()).then((response) => {
+ setData(response.data);
+ });
+};
+
+export { getAttestationConfig, getURLShortener, getEmailContact };
diff --git a/src/ui/services/git-push.js b/src/ui/services/git-push.js
index 8cdace59..df8f6f35 100644
--- a/src/ui/services/git-push.js
+++ b/src/ui/services/git-push.js
@@ -1,15 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import axios from 'axios';
-const { GIT_PROXY_UI_PORT: uiPort } = require('../../config/env').Vars;
-const baseUrl = `http://localhost:${uiPort}/api/v1`;
+import { getCookie } from '../utils.jsx';
+
+const baseUrl = import.meta.env.VITE_API_URI
+ ? `${import.meta.env.VITE_API_URI}/api/v1`
+ : `${location.origin}/api/v1`;
const config = {
withCredentials: true,
};
const getUser = async (setIsLoading, setData, setAuth, setIsError) => {
- const url = new URL(`http://localhost:${uiPort}/auth/success`);
+ const url = new URL(`${location.origin}/api/auth/success`);
await axios(url.toString(), config)
.then((response) => {
const data = response.data;
@@ -24,8 +25,8 @@ const getUser = async (setIsLoading, setData, setAuth, setIsError) => {
};
const getPush = async (id, setIsLoading, setData, setAuth, setIsError) => {
- const url = new URL(`${baseUrl}/push/${id}`);
- await axios(url.toString(), config)
+ const url = `${baseUrl}/push/${id}`;
+ await axios(url, config)
.then((response) => {
const data = response.data;
data.diff = data.steps.find((x) => x.stepName === 'diff');
@@ -54,6 +55,7 @@ const getPushes = async (
const url = new URL(`${baseUrl}/push`);
url.search = new URLSearchParams(query);
+ setIsLoading(true);
await axios(url.toString(), { withCredentials: true })
.then((response) => {
const data = response.data;
@@ -71,39 +73,50 @@ const getPushes = async (
});
};
-const authorisePush = async (id, setAuth, setIsError) => {
+const authorisePush = async (id, setMessage, setUserAllowedToApprove, attestation) => {
const url = `${baseUrl}/push/${id}/authorise`;
+ let errorMsg = '';
+ let isUserAllowedToApprove = true;
await axios
- .post(url, {}, { withCredentials: true })
- .then(() => {})
+ .post(
+ url,
+ {
+ params: {
+ attestation,
+ },
+ },
+ { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } },
+ )
.catch((error) => {
if (error.response && error.response.status === 401) {
- setAuth(false);
- } else {
- setIsError(true);
+ errorMsg = 'You are not authorised to approve...';
+ isUserAllowedToApprove = false;
}
});
+ await setMessage(errorMsg);
+ await setUserAllowedToApprove(isUserAllowedToApprove);
};
-const rejectPush = async (id, setAuth, setIsError) => {
+const rejectPush = async (id, setMessage, setUserAllowedToReject) => {
const url = `${baseUrl}/push/${id}/reject`;
+ let errorMsg = '';
+ let isUserAllowedToReject = true;
await axios
- .post(url, {}, { withCredentials: true })
- .then(() => {})
+ .post(url, {}, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
.catch((error) => {
if (error.response && error.response.status === 401) {
- setAuth(false);
- } else {
- setIsError(true);
+ errorMsg = 'You are not authorised to reject...';
+ isUserAllowedToReject = false;
}
});
+ await setMessage(errorMsg);
+ await setUserAllowedToReject(isUserAllowedToReject);
};
const cancelPush = async (id, setAuth, setIsError) => {
const url = `${baseUrl}/push/${id}/cancel`;
await axios
- .post(url, {}, { withCredentials: true })
- .then((response) => {})
+ .post(url, {}, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
.catch((error) => {
if (error.response && error.response.status === 401) {
setAuth(false);
diff --git a/src/ui/services/repo.js b/src/ui/services/repo.js
index 71c861c9..2ac0bc98 100644
--- a/src/ui/services/repo.js
+++ b/src/ui/services/repo.js
@@ -1,23 +1,42 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import axios from 'axios';
-const { GIT_PROXY_UI_PORT: uiPort } = require('../../config/env').Vars;
-const baseUrl = `http://localhost:${uiPort}/api/v1`;
+import { getCookie } from '../utils.jsx';
+
+const baseUrl = import.meta.env.VITE_API_URI
+ ? `${import.meta.env.VITE_API_URI}/api/v1`
+ : `${location.origin}/api/v1`;
const config = {
withCredentials: true,
};
-const getRepos = async (
- setIsLoading,
- setData,
- setAuth,
- setIsError,
- query = {},
-) => {
+const canAddUser = (repoName, user, action) => {
+ const url = new URL(`${baseUrl}/repo/${repoName}`);
+ return axios
+ .get(url.toString(), config)
+ .then((response) => {
+ const data = response.data;
+ if (action === 'authorise') {
+ return !data.users.canAuthorise.includes(user);
+ } else {
+ return !data.users.canPush.includes(user);
+ }
+ })
+ .catch((error) => {
+ throw error;
+ });
+};
+
+class DupUserValidationError extends Error {
+ constructor(message) {
+ super(message);
+ this.name = 'The user already has this role...';
+ }
+}
+
+const getRepos = async (setIsLoading, setData, setAuth, setIsError, query = {}) => {
const url = new URL(`${baseUrl}/repo`);
url.search = new URLSearchParams(query);
-
+ setIsLoading(true);
await axios(url.toString(), config)
.then((response) => {
const data = response.data;
@@ -37,6 +56,7 @@ const getRepos = async (
const getRepo = async (setIsLoading, setData, setAuth, setIsError, id) => {
const url = new URL(`${baseUrl}/repo/${id}`);
+ setIsLoading(true);
await axios(url.toString(), config)
.then((response) => {
const data = response.data;
@@ -54,28 +74,56 @@ const getRepo = async (setIsLoading, setData, setAuth, setIsError, id) => {
});
};
+const addRepo = async (onClose, setError, data) => {
+ const url = new URL(`${baseUrl}/repo`);
+ axios
+ .post(url, data, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
+ .then(() => {
+ onClose();
+ })
+ .catch((error) => {
+ console.log(error.response.data.message);
+ setError(error.response.data.message);
+ });
+};
+
const addUser = async (repoName, user, action) => {
- const url = new URL(`${baseUrl}/repo/${repoName}/user/${action}`);
- const data = { username: user };
+ const canAdd = await canAddUser(repoName, user, action);
+ if (canAdd) {
+ const url = new URL(`${baseUrl}/repo/${repoName}/user/${action}`);
+ const data = { username: user };
+ await axios
+ .patch(url, data, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
+ .catch((error) => {
+ console.log(error.response.data.message);
+ throw error;
+ });
+ } else {
+ console.log('Duplicate user can not be added');
+ throw new DupUserValidationError();
+ }
+};
+
+const deleteUser = async (user, repoName, action) => {
+ const url = new URL(`${baseUrl}/repo/${repoName}/user/${action}/${user}`);
+
await axios
- .patch(url, data, { withCredentials: true })
- .then(() => {})
+ .delete(url, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
.catch((error) => {
console.log(error.response.data.message);
throw error;
});
};
-const deleteUser = async (user, repoName, action) => {
- const url = new URL(`${baseUrl}/repo/${repoName}/user/${action}/${user}`);
+const deleteRepo = async (repoName) => {
+ const url = new URL(`${baseUrl}/repo/${repoName}/delete`);
await axios
- .delete(url, { withCredentials: true })
- .then(() => {})
+ .delete(url, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
.catch((error) => {
console.log(error.response.data.message);
throw error;
});
};
-export { addUser, deleteUser, getRepos, getRepo };
+export { addUser, deleteUser, getRepos, getRepo, addRepo, deleteRepo };
diff --git a/src/ui/services/user.js b/src/ui/services/user.js
index 35e8fda2..04a2fdcc 100644
--- a/src/ui/services/user.js
+++ b/src/ui/services/user.js
@@ -1,21 +1,16 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import axios from 'axios';
-const { GIT_PROXY_UI_PORT: uiPort } = require('../../config/env').Vars;
-const baseUrl = `http://localhost:${uiPort}/api/v1`;
+import { getCookie } from '../utils.jsx';
+
+const baseUrl = import.meta.env.VITE_API_URI
+ ? `${import.meta.env.VITE_API_URI}`
+ : `${location.origin}`;
const config = {
withCredentials: true,
};
-const getUser = async (
- setIsLoading,
- setData,
- setAuth,
- setIsError,
- id = null,
-) => {
- let url = `${baseUrl}/auth/profile`;
+const getUser = async (setIsLoading, setData, setAuth, setIsError, id = null) => {
+ let url = `${baseUrl}/api/auth/profile`;
if (id) {
url = `${baseUrl}/api/v1/user/${id}`;
@@ -24,46 +19,71 @@ const getUser = async (
console.log(url);
await axios(url, config)
+ .then((response) => {
+ const data = response.data;
+ if (setData) {
+ setData(data);
+ }
+ if (setIsLoading) {
+ setIsLoading(false);
+ }
+ })
+ .catch((error) => {
+ if (error.response && error.response.status === 401) {
+ if (setAuth) {
+ setAuth(false);
+ }
+ } else {
+ if (setIsError) {
+ setIsError(true);
+ }
+ }
+ if (setIsLoading) {
+ setIsLoading(false);
+ }
+ });
+};
+
+const getUsers = async (setIsLoading, setData, setAuth, setIsError, query = {}) => {
+ const url = new URL(`${baseUrl}/api/v1/user`);
+ url.search = new URLSearchParams(query);
+ setIsLoading(true);
+ await axios(url.toString(), { withCredentials: true })
.then((response) => {
const data = response.data;
setData(data);
- console.log(data);
setIsLoading(false);
})
.catch((error) => {
- if (error.response && error.response.status === 401) setAuth(false);
- else setIsError(true);
+ setIsLoading(false);
+ if (error.response && error.response.status === 401) {
+ setAuth(false);
+ } else {
+ setIsError(true);
+ }
setIsLoading(false);
});
};
-const createUser = async (data) => {
+const updateUser = async (data) => {
console.log(data);
- const url = new URL(`${baseUrl}/auth/profile`);
- await await axios
- .post(url, data, { withCredentials: true })
- .then(() => {})
+ const url = new URL(`${baseUrl}/api/auth/gitAccount`);
+ await axios
+ .post(url, data, { withCredentials: true, headers: { 'X-CSRF-TOKEN': getCookie('csrf') } })
.catch((error) => {
console.log(error.response.data.message);
throw error;
});
};
-const getUsers = async (
- setIsLoading,
- setData,
- setAuth,
- setIsError,
- query = {},
-) => {
- const url = new URL(`${baseUrl}/api/v1/user`);
- url.search = new URLSearchParams(query);
+const getUserLoggedIn = async (setIsLoading, setIsAdmin, setIsError, setAuth) => {
+ const url = new URL(`${baseUrl}/api/auth/userLoggedIn`);
await axios(url.toString(), { withCredentials: true })
.then((response) => {
const data = response.data;
- setData(data);
setIsLoading(false);
+ setIsAdmin(data.admin);
})
.catch((error) => {
setIsLoading(false);
@@ -76,4 +96,4 @@ const getUsers = async (
});
};
-export { getUser, createUser, getUsers };
+export { getUser, getUsers, updateUser, getUserLoggedIn };
diff --git a/src/ui/utils.jsx b/src/ui/utils.jsx
new file mode 100644
index 00000000..48a37f7f
--- /dev/null
+++ b/src/ui/utils.jsx
@@ -0,0 +1,17 @@
+/**
+ * Retrieve a decoded cookie value from `document.cookie` with given `name`.
+ * @param {string} name
+ * @return {string}
+ */
+export const getCookie = (name) => {
+ if (!document.cookie) return null;
+
+ const cookies = document.cookie
+ .split(';')
+ .map((c) => c.trim())
+ .filter((c) => c.startsWith(name + '='));
+
+ if (!cookies.length) return null;
+
+ return decodeURIComponent(cookies[0].split('=')[1]);
+};
diff --git a/src/ui/variables/charts.js b/src/ui/variables/charts.js
deleted file mode 100644
index b9e4247b..00000000
--- a/src/ui/variables/charts.js
+++ /dev/null
@@ -1,186 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-// ##############################
-// // // javascript library for creating charts
-// #############################
-import Chartist from 'chartist';
-
-// ##############################
-// // // variables used to create animation on charts
-// #############################
-const delays = 80;
-const durations = 500;
-const delays2 = 80;
-const durations2 = 500;
-
-// ##############################
-// // // Daily Sales
-// #############################
-
-export const dailySalesChart = {
- data: {
- labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
- series: [[12, 17, 7, 17, 23, 18, 38]],
- },
- options: {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0,
- }),
- low: 0,
- high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0,
- },
- },
- // for animation
- animation: {
- draw: function (data) {
- if (data.type === 'line' || data.type === 'area') {
- data.element.animate({
- d: {
- begin: 600,
- dur: 700,
- from: data.path
- .clone()
- .scale(1, 0)
- .translate(0, data.chartRect.height())
- .stringify(),
- to: data.path.clone().stringify(),
- easing: Chartist.Svg.Easing.easeOutQuint,
- },
- });
- } else if (data.type === 'point') {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays,
- dur: durations,
- from: 0,
- to: 1,
- easing: 'ease',
- },
- });
- }
- },
- },
-};
-
-// ##############################
-// // // Email Subscriptions
-// #############################
-
-export const emailsSubscriptionChart = {
- data: {
- labels: [
- 'Jan',
- 'Feb',
- 'Mar',
- 'Apr',
- 'Mai',
- 'Jun',
- 'Jul',
- 'Aug',
- 'Sep',
- 'Oct',
- 'Nov',
- 'Dec',
- ],
- series: [[542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]],
- },
- options: {
- axisX: {
- showGrid: false,
- },
- low: 0,
- high: 1000,
- chartPadding: {
- top: 0,
- right: 5,
- bottom: 0,
- left: 0,
- },
- },
- responsiveOptions: [
- [
- 'screen and (max-width: 640px)',
- {
- seriesBarDistance: 5,
- axisX: {
- labelInterpolationFnc: function (value) {
- return value[0];
- },
- },
- },
- ],
- ],
- animation: {
- draw: function (data) {
- if (data.type === 'bar') {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays2,
- dur: durations2,
- from: 0,
- to: 1,
- easing: 'ease',
- },
- });
- }
- },
- },
-};
-
-// ##############################
-// // // Completed Tasks
-// #############################
-
-export const completedTasksChart = {
- data: {
- labels: ['12am', '3pm', '6pm', '9pm', '12pm', '3am', '6am', '9am'],
- series: [[230, 750, 450, 300, 280, 240, 200, 190]],
- },
- options: {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0,
- }),
- low: 0,
- high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0,
- },
- },
- animation: {
- draw: function (data) {
- if (data.type === 'line' || data.type === 'area') {
- data.element.animate({
- d: {
- begin: 600,
- dur: 700,
- from: data.path
- .clone()
- .scale(1, 0)
- .translate(0, data.chartRect.height())
- .stringify(),
- to: data.path.clone().stringify(),
- easing: Chartist.Svg.Easing.easeOutQuint,
- },
- });
- } else if (data.type === 'point') {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays,
- dur: durations,
- from: 0,
- to: 1,
- easing: 'ease',
- },
- });
- }
- },
- },
-};
diff --git a/src/ui/variables/general.js b/src/ui/variables/general.js
deleted file mode 100644
index 5ea360c2..00000000
--- a/src/ui/variables/general.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-// ##############################
-// // // Tasks for TasksCard - see Dashboard view
-// #############################
-
-const bugs = [
- 'Sign contract for "What are conference organizers afraid of?"',
- 'Lines From Great Russian Literature? Or E-mails From My Boss?',
- 'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit',
- 'Create 4 Invisible User Experiences you Never Knew About',
-];
-const website = [
- 'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit',
- 'Sign contract for "What are conference organizers afraid of?"',
-];
-const server = [
- 'Lines From Great Russian Literature? Or E-mails From My Boss?',
- 'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit',
- 'Sign contract for "What are conference organizers afraid of?"',
-];
-
-module.exports = {
- // these 3 are used to create the tasks lists in TasksCard - Dashboard view
- bugs,
- website,
- server,
-};
diff --git a/src/ui/views/Dashboard/Components/ContributorsTable.jsx b/src/ui/views/Dashboard/Components/ContributorsTable.jsx
deleted file mode 100644
index b870261b..00000000
--- a/src/ui/views/Dashboard/Components/ContributorsTable.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Table from '../../../components/Table/Table.jsx';
-import Card from '../../../components/Card/Card.jsx';
-import CardHeader from '../../../components/Card/CardHeader.jsx';
-import CardBody from '../../../components/Card/CardBody.jsx';
-import styles from '../../../assets/jss/material-dashboard-react/views/dashboardStyle.js';
-
-const useStyles = makeStyles(styles);
-
-export default function ContributorsTable() {
- const classes = useStyles();
- return (
-
+
-
-
- ) : (
- {switchRoutes}
- {switchRoutes}
- )}
- {getRoute() ? : null}
+
+
+
+ ) : (
+ {switchRoutes}
+ {switchRoutes}
+ )}
+ {getRoute() ? : null}
+ Developer Stats
-- New employees on 15th September, 2016 -
-Daily Github pulls
-
-
-
-
- Open Push requests
-- 23 Pushes -
-
-
- Pull Requests
-3275
-
-
- Push Authorizations
-- 20% increase in git-pushes waiting authorization -
-
-
- Loading ...
;
- if (isError) return Something went wrong ...
;
- if (!auth) return Push Rjections
-10% reduction in push rejections
-
-
- Auto Rejected Pushes
-75
-
-
- Sucessul Pushes
-+245
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/ui/views/Login/Login.jsx b/src/ui/views/Login/Login.jsx
index 5c948c26..6d67f0ec 100644
--- a/src/ui/views/Login/Login.jsx
+++ b/src/ui/views/Login/Login.jsx
@@ -1,63 +1,43 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
import React, { useState } from 'react';
// @material-ui/core components
-import { makeStyles } from '@material-ui/core/styles';
import FormControl from '@material-ui/core/FormControl';
import InputLabel from '@material-ui/core/InputLabel';
// core components
-import GridItem from '../../components/Grid/GridItem.jsx';
-import GridContainer from '../../components/Grid/GridContainer.jsx';
+import GridItem from '../../components/Grid/GridItem';
+import GridContainer from '../../components/Grid/GridContainer';
import Input from '@material-ui/core/Input';
-import Button from '../../components/CustomButtons/Button.jsx';
-import Card from '../../components/Card/Card.jsx';
-import CardHeader from '../../components/Card/CardHeader.jsx';
-import CardBody from '../../components/Card/CardBody.jsx';
-import CardFooter from '../../components/Card/CardFooter.jsx';
+import Button from '../../components/CustomButtons/Button';
+import Card from '../../components/Card/Card';
+import CardHeader from '../../components/Card/CardHeader';
+import CardBody from '../../components/Card/CardBody';
+import CardFooter from '../../components/Card/CardFooter';
import axios from 'axios';
import { Navigate } from 'react-router-dom';
+import logo from '../../assets/img/git-proxy.png';
+import { Badge, CircularProgress, Snackbar } from '@material-ui/core';
+import { getCookie } from '../../utils';
-const styles = {
- cardCategoryWhite: {
- color: 'rgba(255,255,255,.62)',
- margin: '0',
- fontSize: '14px',
- marginTop: '0',
- marginBottom: '0',
- },
- cardTitleWhite: {
- color: '#FFFFFF',
- marginTop: '0px',
- minHeight: 'auto',
- fontWeight: '300',
- // eslint-disable-next-line quotes
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: '3px',
- textDecoration: 'none',
- },
-};
-
-const { GIT_PROXY_UI_PORT: uiPort } = require('../../config/env').Vars;
-const baseUrl = `http://localhost:${uiPort}`;
-
-const useStyles = makeStyles(styles);
+const loginUrl = `${import.meta.env.VITE_API_URI}/api/auth/login`;
export default function UserProfile() {
- const classes = useStyles();
-
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const [message, setMessage] = useState('');
const [success, setSuccess] = useState(false);
+ const [gitAccountError, setGitAccountError] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
function validateForm() {
- return username.length > 0 && password.length > 0;
+ return (
+ username.length > 0 && username.length < 100 && password.length > 0 && password.length < 200
+ );
}
function handleSubmit(event) {
+ setIsLoading(true);
axios
.post(
- `${baseUrl}/auth/login`,
+ loginUrl,
{
username: username,
password: password,
@@ -65,56 +45,90 @@ export default function UserProfile() {
{
withCredentials: true,
headers: {
- 'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
+ 'X-CSRF-TOKEN': getCookie('csrf'),
},
},
)
- .then(function (response) {
+ .then(function () {
+ window.sessionStorage.setItem('git.proxy.login', 'success');
setMessage('Success!');
setSuccess(true);
+ setIsLoading(false);
})
.catch(function (error) {
- setMessage('Incorrect username of password');
+ if (error.response.status === 307) {
+ window.sessionStorage.setItem('git.proxy.login', 'success');
+ setGitAccountError(true);
+ } else if (error.response.status === 403) {
+ setMessage('You do not have the correct access permissions...');
+ } else {
+ setMessage('You entered an invalid username or password...');
+ }
+ setIsLoading(false);
});
event.preventDefault();
}
+ if (gitAccountError) {
+ return Loading ...
;
+ if (isLoading) return Loading...
;
if (isError) return Something went wrong ...
;
- if (!auth) return Loading ...
;
+ if (isLoading) return Loading...
;
if (isError) return Something went wrong ...
;
- if (!auth) return {headerData.title}
-Timestamp
-{moment(data.timestamp).toString()}
-Remote Head
-{data.commitFrom}
-Commit
-{data.commitTo}
-Repo
-{data.repo}
-Branch
-{data.branch.replace('refs/heads/', '')}
-{headerData.title}
-
+ Timestamp
+{moment(data.timestamp).toString()}
+Remote Head
+ +Commit SHA
+ +Repository
+ +Branch
++ + {repoBranch} + +
+{headerData.title}
+
+
+
+
+ );
+}
diff --git a/src/ui/views/PushDetails/components/AttestationForm.jsx b/src/ui/views/PushDetails/components/AttestationForm.jsx
new file mode 100644
index 00000000..d1c1d781
--- /dev/null
+++ b/src/ui/views/PushDetails/components/AttestationForm.jsx
@@ -0,0 +1,83 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import { green } from '@material-ui/core/colors';
+import { Help } from '@material-ui/icons';
+import { Grid, Tooltip, Checkbox, FormGroup, FormControlLabel } from '@material-ui/core';
+
+const GreenCheckbox = withStyles({
+ root: {
+ color: green[500],
+ '&$checked': {
+ color: green[700],
+ },
+ paddingRight: '35px',
+ },
+ checked: {},
+})((props) =>
+
+ )}
+
+ }
+ >
+ -
+ {question.tooltip.links.map((link, linkIndex) => {
+ return (
+
- + + {link.text} + + + ); + })} +
Loading ...
;
if (isError) return Something went wrong ...
;
- if (!auth) return
-
+
);
}
diff --git a/src/ui/views/RepoDetails/RepoDetails.jsx b/src/ui/views/RepoDetails/RepoDetails.jsx
index 2a7edbc0..0c5c9786 100644
--- a/src/ui/views/RepoDetails/RepoDetails.jsx
+++ b/src/ui/views/RepoDetails/RepoDetails.jsx
@@ -1,13 +1,9 @@
-/* eslint-disable max-len */
-/* eslint-disable require-jsdoc */
-import React, { useState, useEffect } from 'react';
-import { Navigate } from 'react-router-dom';
-// import Icon from '@material-ui/core/Icon';
-import GridItem from '../../components/Grid/GridItem.jsx';
-import GridContainer from '../../components/Grid/GridContainer.jsx';
-import Card from '../../components/Card/Card.jsx';
-import CardBody from '../../components/Card/CardBody.jsx';
-import TextField from '@material-ui/core/TextField';
+import React, { useState, useEffect, useContext } from 'react';
+import GridItem from '../../components/Grid/GridItem';
+import GridContainer from '../../components/Grid/GridContainer';
+import Card from '../../components/Card/Card';
+import CardBody from '../../components/Card/CardBody';
+import FormLabel from '@material-ui/core/FormLabel';
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import Table from '@material-ui/core/Table';
@@ -16,9 +12,12 @@ import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
-import { getRepo, deleteUser } from '../../services/repo.js';
+import { getRepo, deleteUser, deleteRepo } from '../../services/repo';
import { makeStyles } from '@material-ui/core/styles';
import AddUser from './Components/AddUser';
+import { Code, Delete, RemoveCircle, Visibility } from '@material-ui/icons';
+import { useNavigate, useParams } from 'react-router-dom';
+import { UserContext } from '../../../context';
const useStyles = makeStyles((theme) => ({
root: {
@@ -29,138 +28,181 @@ const useStyles = makeStyles((theme) => ({
},
}));
-export default function RepoDetails(props) {
+export default function RepoDetails() {
+ const navigate = useNavigate();
const classes = useStyles();
const [data, setData] = useState([]);
- const [auth, setAuth] = useState(true);
+ const [, setAuth] = useState(true);
const [isLoading, setIsLoading] = useState(true);
const [isError, setIsError] = useState(false);
- // eslint-disable-next-line react/prop-types
- const repoName = props.match.params.id;
+ const { user } = useContext(UserContext);
+ const { id: repoName } = useParams();
useEffect(() => {
- // eslint-disable-next-line react/prop-types
- const id = props.match.params.id;
- getRepo(setIsLoading, setData, setAuth, setIsError, id);
- }, [props]);
+ getRepo(setIsLoading, setData, setAuth, setIsError, repoName);
+ }, []);
- const removeUser = async (user, action) => {
- await deleteUser(user, repoName, action);
+ const removeUser = async (userToRemove, action) => {
+ await deleteUser(userToRemove, repoName, action);
getRepo(setIsLoading, setData, setAuth, setIsError, repoName);
};
- const refresh = () =>
- getRepo(setIsLoading, setData, setAuth, setIsError, repoName);
+ const removeRepository = async (name) => {
+ await deleteRepo(name);
+ navigate('/admin/repo', { replace: true });
+ };
+
+ const refresh = () => getRepo(setIsLoading, setData, setAuth, setIsError, repoName);
- if (isLoading) return Loading ...
;
+ if (isLoading) return Loading...
;
if (isError) return Something went wrong ...
;
- if (!auth) return Can Authorise Push
--
+
+
+ {user.admin && (
+
+
+ )}
Can Push
--
+ +
+
+ {user.admin && (
+
+
+ )}
+
+
+ );
+}
diff --git a/src/ui/views/RepoList/Components/RepoOverview.jsx b/src/ui/views/RepoList/Components/RepoOverview.jsx
new file mode 100644
index 00000000..772e8163
--- /dev/null
+++ b/src/ui/views/RepoList/Components/RepoOverview.jsx
@@ -0,0 +1,782 @@
+import React, { useEffect } from 'react';
+import TableCell from '@material-ui/core/TableCell';
+import Popper from '@material-ui/core/Popper';
+import TableRow from '@material-ui/core/TableRow';
+import Paper from '@material-ui/core/Paper';
+import GridContainer from '../../../components/Grid/GridContainer';
+import GridItem from '../../../components/Grid/GridItem';
+import {
+ CheckIcon,
+ ChevronDownIcon,
+ CodeIcon,
+ CodeReviewIcon,
+ CopyIcon,
+ LawIcon,
+ PeopleIcon,
+ TerminalIcon,
+} from '@primer/octicons-react';
+
+const colors = {
+ '1C Enterprise': '#814CCC',
+ '2-Dimensional Array': '#38761D',
+ '4D': '#004289',
+ ABAP: '#E8274B',
+ 'ABAP CDS': '#555e25',
+ ActionScript: '#882B0F',
+ Ada: '#02f88c',
+ 'Adblock Filter List': '#800000',
+ 'Adobe Font Metrics': '#fa0f00',
+ Agda: '#315665',
+ 'AGS Script': '#B9D9FF',
+ AIDL: '#34EB6B',
+ AL: '#3AA2B5',
+ Alloy: '#64C800',
+ 'Alpine Abuild': '#0D597F',
+ 'Altium Designer': '#A89663',
+ AMPL: '#E6EFBB',
+ AngelScript: '#C7D7DC',
+ 'Ant Build System': '#A9157E',
+ Antlers: '#ff269e',
+ ANTLR: '#9DC3FF',
+ ApacheConf: '#d12127',
+ Apex: '#1797c0',
+ 'API Blueprint': '#2ACCA8',
+ APL: '#5A8164',
+ 'Apollo Guidance Computer': '#0B3D91',
+ AppleScript: '#101F1F',
+ Arc: '#aa2afe',
+ AsciiDoc: '#73a0c5',
+ 'ASP.NET': '#9400ff',
+ AspectJ: '#a957b0',
+ Assembly: '#6E4C13',
+ Astro: '#ff5a03',
+ Asymptote: '#ff0000',
+ ATS: '#1ac620',
+ Augeas: '#9CC134',
+ AutoHotkey: '#6594b9',
+ AutoIt: '#1C3552',
+ 'Avro IDL': '#0040FF',
+ Awk: '#c30e9b',
+ Ballerina: '#FF5000',
+ BASIC: '#ff0000',
+ Batchfile: '#C1F12E',
+ Beef: '#a52f4e',
+ Berry: '#15A13C',
+ BibTeX: '#778899',
+ Bicep: '#519aba',
+ Bikeshed: '#5562ac',
+ Bison: '#6A463F',
+ BitBake: '#00bce4',
+ Blade: '#f7523f',
+ BlitzBasic: '#00FFAE',
+ BlitzMax: '#cd6400',
+ Bluespec: '#12223c',
+ Boo: '#d4bec1',
+ Boogie: '#c80fa0',
+ Brainfuck: '#2F2530',
+ BrighterScript: '#66AABB',
+ Brightscript: '#662D91',
+ Browserslist: '#ffd539',
+ C: '#555555',
+ 'C#': '#178600',
+ 'C++': '#f34b7d',
+ 'Cabal Config': '#483465',
+ Cadence: '#00ef8b',
+ Cairo: '#ff4a48',
+ CameLIGO: '#3be133',
+ 'CAP CDS': '#0092d1',
+ "Cap'n Proto": '#c42727',
+ Ceylon: '#dfa535',
+ Chapel: '#8dc63f',
+ ChucK: '#3f8000',
+ Circom: '#707575',
+ Cirru: '#ccccff',
+ Clarion: '#db901e',
+ Clarity: '#5546ff',
+ 'Classic ASP': '#6a40fd',
+ Clean: '#3F85AF',
+ Click: '#E4E6F3',
+ CLIPS: '#00A300',
+ Clojure: '#db5855',
+ 'Closure Templates': '#0d948f',
+ 'Cloud Firestore Security Rules': '#FFA000',
+ CMake: '#DA3434',
+ CodeQL: '#140f46',
+ CoffeeScript: '#244776',
+ ColdFusion: '#ed2cd6',
+ 'ColdFusion CFC': '#ed2cd6',
+ COLLADA: '#F1A42B',
+ 'Common Lisp': '#3fb68b',
+ 'Common Workflow Language': '#B5314C',
+ 'Component Pascal': '#B0CE4E',
+ Coq: '#d0b68c',
+ Crystal: '#000100',
+ CSON: '#244776',
+ Csound: '#1a1a1a',
+ 'Csound Document': '#1a1a1a',
+ 'Csound Score': '#1a1a1a',
+ CSS: '#563d7c',
+ CSV: '#237346',
+ Cuda: '#3A4E3A',
+ CUE: '#5886E1',
+ Curry: '#531242',
+ CWeb: '#00007a',
+ Cypher: '#34c0eb',
+ Cython: '#fedf5b',
+ D: '#ba595e',
+ Dafny: '#FFEC25',
+ 'Darcs Patch': '#8eff23',
+ Dart: '#00B4AB',
+ DataWeave: '#003a52',
+ 'Debian Package Control File': '#D70751',
+ DenizenScript: '#FBEE96',
+ Dhall: '#dfafff',
+ 'DirectX 3D File': '#aace60',
+ DM: '#447265',
+ Dockerfile: '#384d54',
+ Dogescript: '#cca760',
+ Dotenv: '#e5d559',
+ Dylan: '#6c616e',
+ E: '#ccce35',
+ Earthly: '#2af0ff',
+ Easybuild: '#069406',
+ eC: '#913960',
+ 'Ecere Projects': '#913960',
+ ECL: '#8a1267',
+ ECLiPSe: '#001d9d',
+ Ecmarkup: '#eb8131',
+ EditorConfig: '#fff1f2',
+ Eiffel: '#4d6977',
+ EJS: '#a91e50',
+ Elixir: '#6e4a7e',
+ Elm: '#60B5CC',
+ Elvish: '#55BB55',
+ 'Elvish Transcript': '#55BB55',
+ 'Emacs Lisp': '#c065db',
+ EmberScript: '#FFF4F3',
+ EQ: '#a78649',
+ Erlang: '#B83998',
+ Euphoria: '#FF790B',
+ 'F#': '#b845fc',
+ 'F*': '#572e30',
+ Factor: '#636746',
+ Fancy: '#7b9db4',
+ Fantom: '#14253c',
+ Faust: '#c37240',
+ Fennel: '#fff3d7',
+ 'FIGlet Font': '#FFDDBB',
+ 'Filebench WML': '#F6B900',
+ fish: '#4aae47',
+ Fluent: '#ffcc33',
+ FLUX: '#88ccff',
+ Forth: '#341708',
+ Fortran: '#4d41b1',
+ 'Fortran Free Form': '#4d41b1',
+ FreeBasic: '#141AC9',
+ FreeMarker: '#0050b2',
+ Frege: '#00cafe',
+ Futhark: '#5f021f',
+ 'G-code': '#D08CF2',
+ 'Game Maker Language': '#71b417',
+ GAML: '#FFC766',
+ GAMS: '#f49a22',
+ GAP: '#0000cc',
+ 'GCC Machine Description': '#FFCFAB',
+ GDScript: '#355570',
+ GEDCOM: '#003058',
+ 'Gemfile.lock': '#701516',
+ Gemini: '#ff6900',
+ Genero: '#63408e',
+ 'Genero Forms': '#d8df39',
+ Genie: '#fb855d',
+ Genshi: '#951531',
+ 'Gentoo Ebuild': '#9400ff',
+ 'Gentoo Eclass': '#9400ff',
+ 'Gerber Image': '#d20b00',
+ Gherkin: '#5B2063',
+ 'Git Attributes': '#F44D27',
+ 'Git Config': '#F44D27',
+ 'Git Revision List': '#F44D27',
+ Gleam: '#ffaff3',
+ GLSL: '#5686a5',
+ Glyph: '#c1ac7f',
+ Gnuplot: '#f0a9f0',
+ Go: '#00ADD8',
+ 'Go Checksums': '#00ADD8',
+ 'Go Module': '#00ADD8',
+ 'Godot Resource': '#355570',
+ Golo: '#88562A',
+ Gosu: '#82937f',
+ Grace: '#615f8b',
+ Gradle: '#02303a',
+ 'Grammatical Framework': '#ff0000',
+ GraphQL: '#e10098',
+ 'Graphviz (DOT)': '#2596be',
+ Groovy: '#4298b8',
+ 'Groovy Server Pages': '#4298b8',
+ GSC: '#FF6800',
+ Hack: '#878787',
+ Haml: '#ece2a9',
+ Handlebars: '#f7931e',
+ HAProxy: '#106da9',
+ Harbour: '#0e60e3',
+ Haskell: '#5e5086',
+ Haxe: '#df7900',
+ HCL: '#844FBA',
+ HiveQL: '#dce200',
+ HLSL: '#aace60',
+ HOCON: '#9ff8ee',
+ HolyC: '#ffefaf',
+ hoon: '#00b171',
+ HTML: '#e34c26',
+ 'HTML+ECR': '#2e1052',
+ 'HTML+EEX': '#6e4a7e',
+ 'HTML+ERB': '#701516',
+ 'HTML+PHP': '#4f5d95',
+ 'HTML+Razor': '#512be4',
+ HTTP: '#005C9C',
+ HXML: '#f68712',
+ Hy: '#7790B2',
+ IDL: '#a3522f',
+ Idris: '#b30000',
+ 'Ignore List': '#000000',
+ 'IGOR Pro': '#0000cc',
+ 'ImageJ Macro': '#99AAFF',
+ Imba: '#16cec6',
+ INI: '#d1dbe0',
+ 'Inno Setup': '#264b99',
+ Io: '#a9188d',
+ Ioke: '#078193',
+ Isabelle: '#FEFE00',
+ 'Isabelle ROOT': '#FEFE00',
+ J: '#9EEDFF',
+ Janet: '#0886a5',
+ 'JAR Manifest': '#b07219',
+ Jasmin: '#d03600',
+ Java: '#b07219',
+ 'Java Properties': '#2A6277',
+ 'Java Server Pages': '#2A6277',
+ JavaScript: '#f1e05a',
+ 'JavaScript+ERB': '#f1e05a',
+ JCL: '#d90e09',
+ 'Jest Snapshot': '#15c213',
+ 'JetBrains MPS': '#21D789',
+ JFlex: '#DBCA00',
+ Jinja: '#a52a22',
+ Jison: '#56b3cb',
+ 'Jison Lex': '#56b3cb',
+ Jolie: '#843179',
+ jq: '#c7254e',
+ JSON: '#292929',
+ 'JSON with Comments': '#292929',
+ JSON5: '#267CB9',
+ JSONiq: '#40d47e',
+ JSONLD: '#0c479c',
+ Jsonnet: '#0064bd',
+ Julia: '#a270ba',
+ 'Jupyter Notebook': '#DA5B0B',
+ Just: '#384d54',
+ 'Kaitai Struct': '#773b37',
+ KakouneScript: '#6f8042',
+ KerboScript: '#41adf0',
+ 'KiCad Layout': '#2f4aab',
+ 'KiCad Legacy Layout': '#2f4aab',
+ 'KiCad Schematic': '#2f4aab',
+ Kotlin: '#A97BFF',
+ KRL: '#28430A',
+ kvlang: '#1da6e0',
+ LabVIEW: '#fede06',
+ Lark: '#2980B9',
+ Lasso: '#999999',
+ Latte: '#f2a542',
+ Less: '#1d365d',
+ Lex: '#DBCA00',
+ LFE: '#4C3023',
+ LigoLANG: '#0e74ff',
+ LilyPond: '#9ccc7c',
+ Liquid: '#67b8de',
+ 'Literate Agda': '#315665',
+ 'Literate CoffeeScript': '#244776',
+ 'Literate Haskell': '#5e5086',
+ LiveScript: '#499886',
+ LLVM: '#185619',
+ Logtalk: '#295b9a',
+ LOLCODE: '#cc9900',
+ LookML: '#652B81',
+ LSL: '#3d9970',
+ Lua: '#000080',
+ Macaulay2: '#d8ffff',
+ Makefile: '#427819',
+ Mako: '#7e858d',
+ Markdown: '#083fa1',
+ Marko: '#42bff2',
+ Mask: '#f97732',
+ Mathematica: '#dd1100',
+ MATLAB: '#e16737',
+ Max: '#c4a79c',
+ MAXScript: '#00a6a6',
+ mcfunction: '#E22837',
+ Mercury: '#ff2b2b',
+ Mermaid: '#ff3670',
+ Meson: '#007800',
+ Metal: '#8f14e9',
+ MiniYAML: '#ff1111',
+ Mint: '#02b046',
+ Mirah: '#c7a938',
+ 'mIRC Script': '#3d57c3',
+ MLIR: '#5EC8DB',
+ Modelica: '#de1d31',
+ 'Modula-2': '#10253f',
+ 'Modula-3': '#223388',
+ 'Monkey C': '#8D6747',
+ MoonScript: '#ff4585',
+ Motoko: '#fbb03b',
+ 'Motorola 68K Assembly': '#005daa',
+ Move: '#4a137a',
+ MQL4: '#62A8D6',
+ MQL5: '#4A76B8',
+ MTML: '#b7e1f4',
+ mupad: '#244963',
+ Mustache: '#724b3b',
+ nanorc: '#2d004d',
+ Nasal: '#1d2c4e',
+ NCL: '#28431f',
+ Nearley: '#990000',
+ Nemerle: '#3d3c6e',
+ nesC: '#94B0C7',
+ NetLinx: '#0aa0ff',
+ 'NetLinx+ERB': '#747faa',
+ NetLogo: '#ff6375',
+ NewLisp: '#87AED7',
+ Nextflow: '#3ac486',
+ Nginx: '#009639',
+ Nim: '#ffc200',
+ Nit: '#009917',
+ Nix: '#7e7eff',
+ 'NPM Config': '#cb3837',
+ Nu: '#c9df40',
+ NumPy: '#9C8AF9',
+ Nunjucks: '#3d8137',
+ NWScript: '#111522',
+ 'OASv2-json': '#85ea2d',
+ 'OASv2-yaml': '#85ea2d',
+ 'OASv3-json': '#85ea2d',
+ 'OASv3-yaml': '#85ea2d',
+ 'Objective-C': '#438eff',
+ 'Objective-C++': '#6866fb',
+ 'Objective-J': '#ff0c5a',
+ ObjectScript: '#424893',
+ OCaml: '#3be133',
+ Odin: '#60AFFE',
+ Omgrofl: '#cabbff',
+ ooc: '#b0b77e',
+ Opal: '#f7ede0',
+ 'Open Policy Agent': '#7d9199',
+ 'OpenAPI Specification v2': '#85ea2d',
+ 'OpenAPI Specification v3': '#85ea2d',
+ OpenCL: '#ed2e2d',
+ 'OpenEdge ABL': '#5ce600',
+ OpenQASM: '#AA70FF',
+ OpenSCAD: '#e5cd45',
+ 'Option List': '#476732',
+ Org: '#77aa99',
+ Oxygene: '#cdd0e3',
+ Oz: '#fab738',
+ P4: '#7055b5',
+ Pan: '#cc0000',
+ Papyrus: '#6600cc',
+ Parrot: '#f3ca0a',
+ Pascal: '#E3F171',
+ Pawn: '#dbb284',
+ PDDL: '#0d00ff',
+ 'PEG.js': '#234d6b',
+ Pep8: '#C76F5B',
+ Perl: '#0298c3',
+ PHP: '#4F5D95',
+ PicoLisp: '#6067af',
+ PigLatin: '#fcd7de',
+ Pike: '#005390',
+ PlantUML: '#fbbd16',
+ PLpgSQL: '#336790',
+ PLSQL: '#dad8d8',
+ PogoScript: '#d80074',
+ Polar: '#ae81ff',
+ Portugol: '#f8bd00',
+ PostCSS: '#dc3a0c',
+ PostScript: '#da291c',
+ 'POV-Ray SDL': '#6bac65',
+ PowerBuilder: '#8f0f8d',
+ PowerShell: '#012456',
+ Prisma: '#0c344b',
+ Processing: '#0096D8',
+ Procfile: '#3B2F63',
+ Prolog: '#74283c',
+ Promela: '#de0000',
+ 'Propeller Spin': '#7fa2a7',
+ Pug: '#a86454',
+ Puppet: '#302B6D',
+ PureBasic: '#5a6986',
+ PureScript: '#1D222D',
+ Pyret: '#ee1e10',
+ Python: '#3572A5',
+ 'Python console': '#3572A5',
+ 'Python traceback': '#3572A5',
+ q: '#0040cd',
+ 'Q#': '#fed659',
+ QML: '#44a51c',
+ 'Qt Script': '#00b841',
+ Quake: '#882233',
+ R: '#198CE7',
+ Racket: '#3c5caa',
+ Ragel: '#9d5200',
+ Raku: '#0000fb',
+ RAML: '#77d9fb',
+ Rascal: '#fffaa0',
+ RDoc: '#701516',
+ Reason: '#ff5847',
+ ReasonLIGO: '#ff5847',
+ Rebol: '#358a5b',
+ 'Record Jar': '#0673ba',
+ Red: '#f50000',
+ 'Regular Expression': '#009a00',
+ "Ren'Py": '#ff7f7f',
+ ReScript: '#ed5051',
+ reStructuredText: '#141414',
+ REXX: '#d90e09',
+ Ring: '#2D54CB',
+ Riot: '#A71E49',
+ RMarkdown: '#198ce7',
+ RobotFramework: '#00c0b5',
+ Roff: '#ecdebe',
+ 'Roff Manpage': '#ecdebe',
+ Rouge: '#cc0088',
+ 'RouterOS Script': '#DE3941',
+ RPGLE: '#2BDE21',
+ Ruby: '#701516',
+ RUNOFF: '#665a4e',
+ Rust: '#dea584',
+ SaltStack: '#646464',
+ SAS: '#B34936',
+ Sass: '#a53b70',
+ Scala: '#c22d40',
+ Scaml: '#bd181a',
+ Scenic: '#fdc700',
+ Scheme: '#1e4aec',
+ Scilab: '#ca0f21',
+ SCSS: '#c6538c',
+ sed: '#64b970',
+ Self: '#0579aa',
+ ShaderLab: '#222c37',
+ Shell: '#89e051',
+ 'ShellCheck Config': '#cecfcb',
+ Shen: '#120F14',
+ 'Simple File Verification': '#C9BFED',
+ Singularity: '#64E6AD',
+ Slash: '#007eff',
+ Slice: '#003fa2',
+ Slim: '#2b2b2b',
+ Smalltalk: '#596706',
+ Smarty: '#f0c040',
+ Smithy: '#c44536',
+ SmPL: '#c94949',
+ Snakemake: '#419179',
+ Solidity: '#AA6746',
+ SourcePawn: '#f69e1d',
+ SPARQL: '#0C4597',
+ SQF: '#3F3F3F',
+ SQL: '#e38c00',
+ SQLPL: '#e38c00',
+ Squirrel: '#800000',
+ 'SRecode Template': '#348a34',
+ Stan: '#b2011d',
+ 'Standard ML': '#dc566d',
+ Starlark: '#76d275',
+ Stata: '#1a5f91',
+ STL: '#373b5e',
+ StringTemplate: '#3fb34f',
+ Stylus: '#ff6347',
+ 'SubRip Text': '#9e0101',
+ SugarSS: '#2fcc9f',
+ SuperCollider: '#46390b',
+ Svelte: '#ff3e00',
+ SVG: '#ff9900',
+ Sway: '#dea584',
+ Swift: '#F05138',
+ SystemVerilog: '#DAE1C2',
+ Talon: '#333333',
+ Tcl: '#e4cc98',
+ Terra: '#00004c',
+ TeX: '#3D6117',
+ Textile: '#ffe7ac',
+ 'TextMate Properties': '#df66e4',
+ Thrift: '#D12127',
+ 'TI Program': '#A0AA87',
+ TLA: '#4b0079',
+ TOML: '#9c4221',
+ TSQL: '#e38c00',
+ TSV: '#237346',
+ TSX: '#3178c6',
+ Turing: '#cf142b',
+ Twig: '#c1d026',
+ TXL: '#0178b8',
+ TypeScript: '#3178c6',
+ 'Unified Parallel C': '#4e3617',
+ 'Unity3D Asset': '#222c37',
+ Uno: '#9933cc',
+ UnrealScript: '#a54c4d',
+ UrWeb: '#ccccee',
+ V: '#4f87c4',
+ Vala: '#a56de2',
+ 'Valve Data Format': '#f26025',
+ VBA: '#867db1',
+ VBScript: '#15dcdc',
+ VCL: '#148AA8',
+ 'Velocity Template Language': '#507cff',
+ Verilog: '#b2b7f8',
+ VHDL: '#adb2cb',
+ 'Vim Help File': '#199f4b',
+ 'Vim Script': '#199f4b',
+ 'Vim Snippet': '#199f4b',
+ 'Visual Basic .NET': '#945db7',
+ 'Visual Basic 6.0': '#2c6353',
+ Volt: '#1F1F1F',
+ Vue: '#41b883',
+ Vyper: '#2980b9',
+ wdl: '#42f1f4',
+ 'Web Ontology Language': '#5b70bd',
+ WebAssembly: '#04133b',
+ Whiley: '#d5c397',
+ Wikitext: '#fc5757',
+ 'Windows Registry Entries': '#52d5ff',
+ wisp: '#7582D1',
+ 'Witcher Script': '#ff0000',
+ Wollok: '#a23738',
+ 'World of Warcraft Addon Data': '#f7e43f',
+ Wren: '#383838',
+ X10: '#4B6BEF',
+ xBase: '#403a40',
+ XC: '#99DA07',
+ XML: '#0060ac',
+ 'XML Property List': '#0060ac',
+ Xojo: '#81bd41',
+ Xonsh: '#285EEF',
+ XQuery: '#5232e7',
+ XSLT: '#EB8CEB',
+ Xtend: '#24255d',
+ Yacc: '#4B6C4B',
+ YAML: '#cb171e',
+ YARA: '#220000',
+ YASnippet: '#32AB90',
+ Yul: '#794932',
+ ZAP: '#0d665e',
+ ZenScript: '#00BCD1',
+ Zephir: '#118f9e',
+ Zig: '#ec915c',
+ ZIL: '#dc75e5',
+ Zimpl: '#d67711',
+};
+
+import axios from 'axios';
+import moment from 'moment';
+
+export default function Repositories(props) {
+ const [anchorEl, setAnchorEl] = React.useState(null);
+ const [open, setOpen] = React.useState(false);
+ const [placement, setPlacement] = React.useState();
+ const [cloneURL, setCloneURL] = React.useState(null);
+ const [isCopied, setIsCopied] = React.useState(false);
+ const [github, setGitHub] = React.useState({});
+
+ useEffect(() => {
+ getGitHubRepository();
+ }, [props.data.project, props.data.name]);
+
+ const getGitHubRepository = async () => {
+ await axios
+ .get(`https://api.github.com/repos/${props.data.project}/${props.data.name}`)
+ .then((res) => {
+ setGitHub(res.data);
+ });
+ };
+
+ const handleClick = (newPlacement, org, name) => (event) => {
+ setIsCopied(false);
+ setAnchorEl(event.currentTarget);
+ setOpen((prev) => placement !== newPlacement || !prev);
+ setPlacement(newPlacement);
+ setCloneURL(`${import.meta.env.VITE_SERVER_URI}/${org}/${name}.git`);
+ };
+
+ return (
+
+
+
+ {props.data.project}/{props.data.name}
+
+
+ {github.parent && (
+
+ Forked from{' '}
+
+ {github.parent.full_name}
+
+
+ )}
+ {github.description &&
+ {github.language && (
+
+
+ {github.language}
+
+ )}
+ {github.license && (
+
+
+ )}
+
+
+
+
+ {(github.created_at || github.updated_at || github.pushed_at) && (
+
+ Last updated{' '}
+ {moment
+ .max([
+ moment(github.created_at),
+ moment(github.updated_at),
+ moment(github.pushed_at),
+ ])
+ .fromNow()}
+
+ )}
+
+
+ {github.description}
} +
+ {' '}
+
+
+
+
+
+
+
+
+
+
+
+
+ {cloneURL}
+
+
+ {!isCopied && (
+ {
+ navigator.clipboard.writeText(`git clone ${cloneURL}`);
+ setIsCopied(true);
+ }}
+ >
+
+
+
+ Use Git and run this command in your IDE or Terminal 👍
+
+
+ Loading ...
;
+ const refresh = async (repo) => {
+ console.log('refresh:', repo);
+ setData([...data, repo]);
+ };
+
+ if (isLoading) return Loading...
;
if (isError) return Something went wrong ...
;
- if (!auth) return Admin
-Loading ...
;
+ if (isLoading) return Loading...
;
if (isError) return Something went wrong ...
;
- if (!auth) return