From 95be5666fd2eab71966441c9259edd75261105d3 Mon Sep 17 00:00:00 2001
From: mushka <nikitamushka@mail.ru>
Date: Mon, 15 Aug 2022 15:54:24 +0300
Subject: [PATCH] updated tagInput and tagList

---
 .../sub-components/TagInput/TagList.js        |  2 +-
 .../sub-components/TagInput/index.js          | 22 +++++--------------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/TagList.js b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/TagList.js
index 5ab899e976..130c635b62 100644
--- a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/TagList.js
+++ b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/TagList.js
@@ -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;
diff --git a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/index.js b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/index.js
index c6a39c83d3..4b3288d649 100644
--- a/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/index.js
+++ b/packages/client/src/components/dialogs/CreateEditRoomDialog/sub-components/TagInput/index.js
@@ -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>
   );