minor adjustments to tags

This commit is contained in:
Martina 2021-04-15 13:26:24 -07:00
parent 183e65871a
commit 1aaefd2540
5 changed files with 3 additions and 12 deletions

View File

@ -588,8 +588,6 @@ class CarouselSidebarData extends React.Component {
<div css={STYLES_OPTIONS_SECTION}>
<Tag
type="dark"
name="tags"
placeholder={`Edit tags for ${this.state.name}`}
tags={this.state.tags}
suggestions={this.state.suggestions}
style={{ margin: "0 0 16px" }}

View File

@ -376,8 +376,6 @@ export default class CarouselSidebarSlate extends React.Component {
/>
<Tag
type="dark"
name="tags"
placeholder={`Edit tags for ${this.state.title}`}
tags={this.state.tags}
suggestions={this.state.suggestions}
style={{ margin: "0 0 16px" }}

View File

@ -126,8 +126,6 @@ export default class SidebarEditTags extends React.Component {
Add or remove common tags on your files
</System.P>
<Tag
name="tags"
placeholder={`Edit tags for ${`${numChecked} file${numChecked === 1 ? "" : "s"}`} `}
tags={this.state.tags}
suggestions={this.state.suggestions}
onChange={this._handleChange}

View File

@ -433,13 +433,11 @@ const Dropdown = ({
export const Tag = ({
type,
name,
tags = [],
suggestions = [],
style,
inputStyles,
dropdownStyles,
placeholder,
onChange,
handleClick,
}) => {
@ -501,11 +499,11 @@ export const Tag = ({
<div css={STYLES_TAG_CONTAINER} style={{ ...style }}>
<div css={STYLES_INPUT_CONTAINER}>
<input
name={name}
name="tags"
type="text"
css={type === "dark" ? STYLES_INPUT_DARK : STYLES_INPUT}
style={{ ...inputStyles }}
placeholder={placeholder ? placeholder : null}
placeholder="Edit tags"
value={value}
onChange={_handleChange}
onKeyPress={_handleKeyPress}

View File

@ -101,7 +101,6 @@ const suggestions = [
<br />
<CodeBlock>
{`<Tag
placeholder="Add your tags"
tags={tags}
suggestions={suggestions}
/>`}
@ -111,7 +110,7 @@ const suggestions = [
<System.H2>Output</System.H2>
<hr />
<br />
<System.Tag placeholder="Add your tags" tags={tags} suggestions={suggestions} />
<System.Tag tags={tags} suggestions={suggestions} />
<br />
<br />
<br />