From fdb35ec0de22f1100036670402e897f7a93d2624 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 30 Oct 2020 13:28:30 +0200
Subject: [PATCH] temp
---
.../SpecialCharactersComponent.js | 14 ++++++++++++--
1 file changed, 12 insertions(+), 2 deletions(-)
diff --git a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
index 9307ed461..beaa9e642 100644
--- a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
+++ b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
@@ -4,7 +4,7 @@ import styled from 'styled-components';
import { grid } from '@pubsweet/ui-toolkit';
import { v4 as uuidv4 } from 'uuid';
import { WaxContext } from 'wax-prosemirror-core';
-import { groupBy } from 'lodash';
+import { filter, groupBy } from 'lodash';
import Icon from '../../helpers/Icon';
import CharactersList from './CharactersList';
@@ -86,8 +86,18 @@ const SpecialCharactersComponent = ({ close }) => {
const { app, view } = useContext(WaxContext);
const [searchValue, setSearchValue] = useState('');
const groupedCharacters = groupBy(CharactersList, 'group');
+ const [specialCharactersList, setSpecialCharactersList] = useState(
+ CharactersList,
+ );
const onChange = () => {
setSearchValue(searchRef.current.value);
+ const filtertedSpecialCharacters = filter(CharactersList, value => {
+ console.log(value);
+ if (value.name.toLowerCase().includes(searchValue.toLowerCase()))
+ return value.name;
+ return false;
+ });
+ setSpecialCharactersList(filtertedSpecialCharacters);
};
const insertCharacter = () => {};
@@ -95,7 +105,7 @@ const SpecialCharactersComponent = ({ close }) => {
const renderList = () => {
const lists = [];
- Object.keys(groupedCharacters).forEach(key => {
+ Object.keys(groupBy(specialCharactersList, 'group')).forEach(key => {
lists.push(
<SpecialCharactersGroup key={key}>
<GroupTitle> {key} </GroupTitle>
--
GitLab