diff --git a/js/components/preview/tags/details/tagDetailRow.js b/js/components/preview/tags/details/tagDetailRow.js
index 3cf1cf480..8a9a25f5e 100644
--- a/js/components/preview/tags/details/tagDetailRow.js
+++ b/js/components/preview/tags/details/tagDetailRow.js
@@ -150,7 +150,8 @@ const TagDetailRow = memo(({ tag, moleculesToEditIds, moleculesToEdit }) => {
tag={tag}
selected={selectedTagList.some(i => i.id === tag.id)}
handleClick={handleTagClick}
- disabled={!DJANGO_CONTEXT.pk}
+ // disabled={!DJANGO_CONTEXT.pk}
+ disabled={false}
isEdit={true}
isTagEditor={true}
>
diff --git a/js/components/preview/tags/modal/tagEditor.js b/js/components/preview/tags/modal/tagEditor.js
index b5ac53524..bcf0b8a37 100644
--- a/js/components/preview/tags/modal/tagEditor.js
+++ b/js/components/preview/tags/modal/tagEditor.js
@@ -1,18 +1,10 @@
import React, { forwardRef, memo } from 'react';
-import {
- Grid,
- Popper,
- IconButton,
- Tooltip,
- makeStyles
-} from '@material-ui/core';
+import { Grid, Popper, IconButton, Tooltip, makeStyles } from '@material-ui/core';
import { Panel } from '../../../common';
import { Close } from '@material-ui/icons';
import { useDispatch, useSelector } from 'react-redux';
import { updateMoleculeInMolLists, updateMoleculeTag } from '../../../../reducers/api/actions';
-import {
- getMoleculeForId
-} from '../redux/dispatchActions';
+import { getMoleculeForId } from '../redux/dispatchActions';
import { setMoleculeForTagEdit, setIsTagGlobalEdit } from '../../../../reducers/selection/actions';
import { updateExistingTag } from '../api/tagsApi';
import { DJANGO_CONTEXT } from '../../../../utils/djangoContext';
@@ -201,7 +193,7 @@ export const TagEditor = memo(
]}
>
-
+
diff --git a/js/components/preview/tags/tagCategory.js b/js/components/preview/tags/tagCategory.js
index 09f993013..0a78a2298 100644
--- a/js/components/preview/tags/tagCategory.js
+++ b/js/components/preview/tags/tagCategory.js
@@ -15,7 +15,7 @@ const useStyles = makeStyles(theme => ({
}
}));
-const TagCategory = memo(({ headerPadding = 0, tagClickCallback }) => {
+const TagCategory = memo(({ headerPadding = 0, tagClickCallback, disabled = false }) => {
const classes = useStyles();
const categoryList = useSelector(state => state.selectionReducers.categoryList);
@@ -37,17 +37,17 @@ const TagCategory = memo(({ headerPadding = 0, tagClickCallback }) => {
return (
<>
-
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+
>
);
diff --git a/js/components/preview/tags/tagCategoryView.js b/js/components/preview/tags/tagCategoryView.js
index f9e7f78f3..40b9a8e88 100644
--- a/js/components/preview/tags/tagCategoryView.js
+++ b/js/components/preview/tags/tagCategoryView.js
@@ -29,7 +29,7 @@ const useStyles = makeStyles(theme => ({
* -if is- behaves as Assign tag element and assignes tags to hits
* -if is NOT- behaves as Hit filter element and filters hits in Hit navigator
*/
-const TagCategoryView = memo(({ name, tags, specialTags, clickCallback }) => {
+const TagCategoryView = memo(({ name, tags, specialTags, clickCallback, disabled = false }) => {
const classes = useStyles();
const selectedTagList = useSelector(state => state.selectionReducers.selectedTagList);
const dispatch = useDispatch();
@@ -42,7 +42,12 @@ const TagCategoryView = memo(({ name, tags, specialTags, clickCallback }) => {
moleculesToEditIds = [];
moleculesToEditIds.push(molId);
}
- const moleculesToEdit = moleculesToEditIds && moleculesToEditIds.length > 0 && !(moleculesToEditIds.length === 1 && moleculesToEditIds[0] === null) ? moleculesToEditIds.map(id => dispatch(getMoleculeForId(id))) : [];
+ const moleculesToEdit =
+ moleculesToEditIds &&
+ moleculesToEditIds.length > 0 &&
+ !(moleculesToEditIds.length === 1 && moleculesToEditIds[0] === null)
+ ? moleculesToEditIds.map(id => dispatch(getMoleculeForId(id)))
+ : [];
const handleTagClick = (selected, tag, allTags) => {
if (clickCallback !== undefined) {
@@ -91,6 +96,7 @@ const TagCategoryView = memo(({ name, tags, specialTags, clickCallback }) => {
tag={tag}
selected={clickCallback !== undefined ? isTagSelected(tag) : selected}
handleClick={handleTagClick}
+ disabled={disabled}
>
);
})}
diff --git a/js/components/preview/tags/tagView.js b/js/components/preview/tags/tagView.js
index e7ce33193..db88b4aab 100644
--- a/js/components/preview/tags/tagView.js
+++ b/js/components/preview/tags/tagView.js
@@ -98,11 +98,12 @@ const TagView = memo(
const isTagDisabled = false;
const determineDisabled = () => {
- let result = false;
- if (isEdit && disabled) {
- result = true;
- }
- return result;
+ // let result = false;
+ // if (isEdit && disabled) {
+ // result = true;
+ // }
+ // return result;
+ return disabled;
};
const handleDelete = () => {
diff --git a/package.json b/package.json
index f1522614d..3b18a8a49 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "fragalysis-frontend",
- "version": "0.10.55",
+ "version": "0.10.56",
"description": "Frontend for fragalysis",
"main": "webpack.config.js",
"scripts": {