{entry_text}
; - } else { - text_div = ( -- To view own targets login here: - - FedID Login - -
- ); - } + useEffect(() => { + if (DJANGO_CONTEXT['authenticated'] !== true) { + setLoginText( + <> + {'To view own targets login here: '} + + FedID Login + + + ); + } + }, []); - useEffect(() => { - resetTargetState(); - resetSelectionState(); - resetCurrentCompoundsSettings(true); - }, [resetTargetState, resetSelectionState, resetCurrentCompoundsSettings]); + useEffect(() => { + resetTargetState(); + resetSelectionState(); + setSnackBarTitle(loginText); + resetCurrentCompoundsSettings(true); + resetProjectsReducer(); + }, [ + resetTargetState, + resetSelectionState, + setSnackBarTitle, + loginText, + resetCurrentCompoundsSettings, + resetProjectsReducer + ]); - return ( -Welcome to Fragalysis
- {text_div} + return ( +- - Target status overview - {' '} - (only accessible within Diamond) -
+
+ {isLoadingTree === false &&
+ currentSnapshotTree !== null &&
+ currentSnapshotTree.children !== null &&
+ currentSnapshotTree.title !== null &&
+ currentSnapshotTree.id !== null &&
+ currentSnapshotID !== null &&
+ currentSnapshotList !== null && (
+
+ {gitgraph => {
+ const initBranch = gitgraph.branch(currentSnapshotTree.title);
+
+ initBranch.commit(
+ commitFunction({
+ title: currentSnapshotTree.title || '',
+ hash: currentSnapshotTree.id,
+ isSelected: currentSnapshotID === currentSnapshotTree.id
+ })
+ );
+
+ currentSnapshotTree.children.forEach(childID => {
+ renderTreeNode(childID, gitgraph, initBranch);
+ });
+ }}
+
+ )}
+
+ {/*})
setOpen(true)} />*/}
+ {/**/} +
+
+
+
+
+
+ Project History
+
+
+
+
+
+
+
+
+
+ {isLoadingTree === false &&
+ currentSnapshotTree !== null &&
+ currentSnapshotTree.children !== null &&
+ currentSnapshotTree.title !== null &&
+ currentSnapshotTree.id !== null &&
+ currentSnapshotID !== null &&
+ currentSnapshotList !== null && (
+
+ {gitgraph => {
+ const initBranch = gitgraph.branch(currentSnapshotTree.title);
+ initBranch.commit(
+ commitFunction({
+ title: currentSnapshotTree.title || '',
+ description: currentSnapshotTree.description || '',
+ author: (currentSnapshotTree.author && currentSnapshotTree.author.username) || '',
+ email: (currentSnapshotTree.author && currentSnapshotTree.author.email) || '',
+ hash: currentSnapshotTree.id,
+ isSelected: currentSnapshotID === currentSnapshotTree.id,
+ created: currentSnapshotTree.created
+ })
+ );
+
+ currentSnapshotTree.children.forEach(childID => {
+ renderTreeNode(childID, gitgraph, initBranch);
+ });
+ }}
+
+ )}
+
+
+ setOpen(true)} />
+ {description}
+
+
+
+ {icon}
+ {field}
+
+
+ );
+});
diff --git a/js/components/projects/projectPreview/index.js b/js/components/projects/projectPreview/index.js
new file mode 100644
index 000000000..ca25e818b
--- /dev/null
+++ b/js/components/projects/projectPreview/index.js
@@ -0,0 +1,62 @@
+import React, { memo, useContext, useEffect, useRef, useState } from 'react';
+import Preview from '../../preview/Preview';
+import { useDispatch, useSelector } from 'react-redux';
+import { useRouteMatch } from 'react-router-dom';
+import { loadCurrentSnapshotByID, loadSnapshotByProjectID } from '../redux/dispatchActions';
+import { HeaderContext } from '../../header/headerContext';
+
+export const ProjectPreview = memo(({}) => {
+ const { setSnackBarTitle } = useContext(HeaderContext);
+ const [canShow, setCanShow] = useState(undefined);
+ const isSnapshotLoaded = useRef(undefined);
+ let match = useRouteMatch();
+ const dispatch = useDispatch();
+ const projectId = match && match.params && match.params.projectId;
+ const snapshotId = match && match.params && match.params.snapshotId;
+ const currentSnapshotID = useSelector(state => state.projectReducers.currentSnapshot.id);
+
+ useEffect(() => {
+ if (!snapshotId && currentSnapshotID === null) {
+ dispatch(loadSnapshotByProjectID(projectId))
+ .then(response => {
+ if (response !== false) {
+ isSnapshotLoaded.current = response;
+ setCanShow(true);
+ }
+ })
+ .catch(error => {
+ setCanShow(true);
+ throw new Error(error);
+ });
+ } else {
+ dispatch(loadCurrentSnapshotByID(snapshotId || currentSnapshotID))
+ .then(response => {
+ if (response !== false) {
+ if (response) {
+ if (response.session_project && `${response.session_project.id}` === projectId) {
+ isSnapshotLoaded.current = response.id;
+ setCanShow(true);
+ } else {
+ setCanShow(false);
+ }
+ } else {
+ isSnapshotLoaded.current = response;
+ setCanShow(false);
+ }
+ }
+ })
+ .catch(error => {
+ setCanShow(false);
+ throw new Error(error);
+ });
+ }
+ }, [currentSnapshotID, dispatch, projectId, snapshotId]);
+
+ if (canShow === false) {
+ setSnackBarTitle('Not valid snapshot!');
+ }
+
+ return canShow === true && isSnapshotLoaded.current !== undefined ? (
+