Add TermView with variations and rich text definition

src/components/TermView.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Container } from 'semantic-ui-react';
+
+const TermView = ({ content }) => {
+  return (
+    <Container className="view-wrapper">
+      <article id="content">
+        <header>
+          <h1 className="documentFirstHeading">{content.title}</h1>
+        </header>
+        <section id="content-core">
+          {content.variations &&
+            content.variations.map((el) => <div key={el}>{el}</div>)}
+          {content.definition && (
+            <p
+              dangerouslySetInnerHTML={{
+                __html: content.definition.data || content.description,
+              }}
+            />
+          )}
+        </section>
+      </article>
+    </Container>
+  );
+};
+
+export default TermView;

src/components/index.js

@@ -1,5 +1,4 @@
 import Tooltips from './Tooltips';
-import GlossaryView from './GlossaryView';
 
 import './glossarytooltips.less';
 

src/index.js

@@ -1,5 +1,6 @@
 import { serializeNodes } from './utils';
 import GlossaryView from './components/GlossaryView';
+import TermView from './components/TermView';
 import { searchContent } from '@plone/volto/actions';
 
 const searchoptions = [
@@ -43,6 +44,7 @@ export default (config) => {
     contentTypesViews: {
       ...config.views.contentTypesViews,
       Glossary: GlossaryView,
+      Term: TermView,
     },
   };