IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated tagInput and tagList

Browse Source
This commit is contained in:
mushka 2022-08-15 15:54:24 +03:00
parent aad25382f2
commit 95be5666fd
2 changed files with 7 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/TagList.js
View File

@ -3,7 +3,7 @@ import React from "react";
import styled from "styled-components";
const StyledTagList = styled.div`
margin-top: 2px;
margin-top: 12px;
display: flex;
flex-direction: row;
gap: 4px;

22
packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/index.js
View File

@ -1,12 +1,11 @@
import React, { useState, useRef } from "react";
import styled from "styled-components";
import Label from "@docspace/components/label";
import TextInput from "@docspace/components/text-input";
import TagList from "./TagList";
import DropDownItem from "@docspace/components/drop-down-item";
import { StyledDropDown, StyledDropDownWrapper } from "../StyledDropdown";
import { isMobile } from "@docspace/components/utils/device";
import InputParam from "../Params/InputParam";
const StyledTagInput = styled.div`
.set_room_params-tag_input {
@ -112,24 +111,14 @@ const TagInput = ({ t, tagHandler, setIsScrollLocked }) => {
return (
<StyledTagInput className="set_room_params-input set_room_params-tag_input">
<div className="set_room_params-tag_input-label_wrapper">
<Label
className="set_room_params-tag_input-label_wrapper-label"
display="display"
htmlFor="tags-input"
text={`${t("Common:Tags")}:`}
title="Fill the first name field"
/>
</div>
<TextInput
id="tags-input"
<InputParam
id={"tags-input"}
title={`${t("Common:Tags")}:`}
placeholder={t("TagsPlaceholder")}
value={tagInput}
onChange={onTagInputChange}
onFocus={openDropdown}
onBlur={closeDropdown}
scale
placeholder={t("TagsPlaceholder")}
tabIndex={2}
/>
<StyledDropDownWrapper
@ -150,6 +139,7 @@ const TagInput = ({ t, tagHandler, setIsScrollLocked }) => {
</StyledDropDown>
)}
</StyledDropDownWrapper>
<TagList t={t} tagHandler={tagHandler} />
</StyledTagInput>
);