From 75559aed92cba390629b87a365dc6bfb0b2bce64 Mon Sep 17 00:00:00 2001
From: Tin Geber <tin@greenhost.nl>
Date: Tue, 16 Jan 2024 10:58:33 +0100
Subject: [PATCH] deactivated tags
---
frontend/src/components/Tags/Tags.tsx | 14 ++++++++------
frontend/src/components/UserModal/UserModal.tsx | 9 +++++----
2 files changed, 13 insertions(+), 10 deletions(-)
diff --git a/frontend/src/components/Tags/Tags.tsx b/frontend/src/components/Tags/Tags.tsx
index 8e73fe3a..ee958754 100644
--- a/frontend/src/components/Tags/Tags.tsx
+++ b/frontend/src/components/Tags/Tags.tsx
@@ -1,5 +1,7 @@
import React, { useCallback, useState, useRef } from 'react';
-import ReactTags from 'react-tag-autocomplete';
+import ReactTags from 'react-tag-autocomplete'; // https://www.npmjs.com/package/react-tag-autocomplete
+
+// This tagging component is a bare bones Proof of Concept and needs tons more work
// import { User } from 'src/services/users/types';
// import { suggestions } from './country-list';
@@ -27,8 +29,8 @@ export const Tags = () => {
const onDelete = useCallback(
(tagIndex) => {
setTags(tags.filter((_, i) => i !== tagIndex));
- console.log(tagIndex);
- console.log(tags[tagIndex]);
+ // console.log(tagIndex);
+ // console.log(tags[tagIndex]);
setSuggestions(suggestions.filter((s) => s.name !== tags[tagIndex].name));
},
[tags, suggestions],
@@ -38,7 +40,7 @@ export const Tags = () => {
(newTag) => {
setTags([...tags, { id: newTag.name, name: newTag.name }]);
if (suggestions.find((s) => s.name === newTag.name)) {
- console.log(`We already have ${newTag.name}, not adding`);
+ // console.log(`We already have ${newTag.name}, not adding`);
} else {
setSuggestions([...suggestions, { id: newTag.name, name: newTag.name }]);
}
@@ -83,9 +85,9 @@ export const Tags = () => {
</span>
);
})}
-
+ {/*
{console.log(suggestions)}
- {console.log(tags)}
+ {console.log(tags)} */}
</>
);
};
diff --git a/frontend/src/components/UserModal/UserModal.tsx b/frontend/src/components/UserModal/UserModal.tsx
index 6df1f038..314f1071 100644
--- a/frontend/src/components/UserModal/UserModal.tsx
+++ b/frontend/src/components/UserModal/UserModal.tsx
@@ -8,8 +8,8 @@ import { User, UserRole, useUsers } from 'src/services/users';
import { useAuth } from 'src/services/auth';
import { AppStatusEnum } from 'src/services/apps/types';
-// Tagging component
-import { Tags } from 'src/components/Tags';
+// Tagging component, work in progress. commented out for the time being
+// import { Tags } from 'src/components/Tags';
import { HIDDEN_APPS } from 'src/modules/dashboard/consts';
// import { initialUserForm } from './consts';
@@ -361,14 +361,15 @@ export const UserModal = ({ open, onClose, userId, setUserId, apps }: UserModalP
)}
</div>
)}
- {isAdmin && !userModalLoading && (
+ {/* This is the Tag section */}
+ {/* {isAdmin && !userModalLoading && (
<div>
<div className="mt-8">
<h3 className="text-lg leading-6 font-medium text-gray-900">Tags</h3>
</div>
<Tags />
</div>
- )}
+ )} */}
{isAdmin && userId && !userModalLoading && (
<div>
<div className="mt-8">
--
GitLab