Delete preference form

iai-group · Feb 12, 2024 · b2866f2 · b2866f2
1 parent 512f4d4
commit b2866f2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 322 deletions.
diff --git a/pkg_client/src/components/PopulateForm.tsx b/pkg_client/src/components/PopulateForm.tsx
@@ -1,28 +1,11 @@
 import Container from "react-bootstrap/esm/Container";
-import Col from "react-bootstrap/esm/Col";
-import Row from "react-bootstrap/esm/Row";
-import Tab from "react-bootstrap/Tab";
-import Nav from "react-bootstrap/Nav";
 import StatementPopulationForm from "./StatementPopulationForm";
-import PreferencePopulationForm from "./PreferencePopulationForm";
-
-export interface Concept {
-  description: string;
-  related_entities: string[];
-  broader_entities: string[];
-  narrower_entities: string[];
-}
-
-export interface TripleElement {
-  value: string | Concept;
-}
 
 const PopulateForm = () => {
   return (
     <Container>
       <p>
-        Complete the corresponding form to either add a statement or a
-        preference.{" "}
+        Complete the corresponding form to either add or delete a statement.{" "}
         <b>
           It is assumed that you are familiar with the{" "}
           <a href="https://iai-group.github.io/pkg-vocabulary/" target="blank">
@@ -35,32 +18,10 @@ const PopulateForm = () => {
         By default the annotations are URIs but if they are not available, you
         can use concepts instead.
       </p>
-      <Tab.Container id="left-tabs-example" defaultActiveKey="first">
-        <Row>
-          <Col sm={3}>
-            <Nav variant="pills" className="flex-column">
-              <Nav.Item>
-                <Nav.Link eventKey="first">Statement</Nav.Link>
-              </Nav.Item>
-              <Nav.Item>
-                <Nav.Link eventKey="second">Preference</Nav.Link>
-              </Nav.Item>
-            </Nav>
-          </Col>
-          <Col sm={9}>
-            <Tab.Content>
-              {/* TODO: Add section to manage access rights of services
+
+      {/* TODO: Add section to manage access rights of services
               See issue: https://github.com/iai-group/pkg-api/issues/66 */}
-              <Tab.Pane eventKey="first">
-                <StatementPopulationForm />
-              </Tab.Pane>
-              <Tab.Pane eventKey="second">
-                <PreferencePopulationForm />
-              </Tab.Pane>
-            </Tab.Content>
-          </Col>
-        </Row>
-      </Tab.Container>
+      <StatementPopulationForm />
     </Container>
   );
 };

diff --git a/pkg_client/src/components/PreferencePopulationForm.tsx b/pkg_client/src/components/PreferencePopulationForm.tsx
diff --git a/pkg_client/src/components/StatementPopulationForm.tsx b/pkg_client/src/components/StatementPopulationForm.tsx
@@ -2,10 +2,20 @@ import { useState, useContext } from "react";
 import Form from "react-bootstrap/Form";
 import Button from "react-bootstrap/Button";
 import { UserContext } from "../contexts/UserContext";
-import { TripleElement } from "./PopulateForm";
 import axios from "axios";
 import { Alert } from "react-bootstrap";
 
+export interface Concept {
+  description: string;
+  related_entities: string[];
+  broader_entities: string[];
+  narrower_entities: string[];
+}
+
+export interface TripleElement {
+  value: string | Concept;
+}
+
 const StatementPopulationForm = () => {
   const { user } = useContext(UserContext);
   const [description, setDescription] = useState("");