From cf59188dff4526a358d0386f8113f542e24fffc2 Mon Sep 17 00:00:00 2001 From: jackyzha0 Date: Sat, 6 Mar 2021 09:44:00 -0800 Subject: add more css mixins --- frontend/src/components/Inputs/Code.js | 2 +- frontend/src/components/Inputs/Dropdown.js | 2 +- frontend/src/components/Inputs/Password.js | 2 +- frontend/src/components/Inputs/Text.js | 2 +- frontend/src/components/Inputs/shared.js | 10 ---------- 5 files changed, 4 insertions(+), 14 deletions(-) delete mode 100644 frontend/src/components/Inputs/shared.js (limited to 'frontend/src/components/Inputs') diff --git a/frontend/src/components/Inputs/Code.js b/frontend/src/components/Inputs/Code.js index 0fd6240..67b3f76 100644 --- a/frontend/src/components/Inputs/Code.js +++ b/frontend/src/components/Inputs/Code.js @@ -1,7 +1,7 @@ import React, {useEffect, useRef} from "react"; import * as indentation from "indent-textarea"; import CharLimit from "../decorators/CharLimit"; -import {Labelled} from "./shared"; +import {Labelled} from "../decorators/Labelled"; export const Code = ({content, ...props}) => { const textInput = useRef(null); diff --git a/frontend/src/components/Inputs/Dropdown.js b/frontend/src/components/Inputs/Dropdown.js index 9f7c246..1c2e0b7 100644 --- a/frontend/src/components/Inputs/Dropdown.js +++ b/frontend/src/components/Inputs/Dropdown.js @@ -2,7 +2,7 @@ import Dropdown from "react-dropdown"; import React from "react"; import styled from 'styled-components'; import {LANGS, THEMES} from "../renderers/Code"; -import {Labelled} from "./shared"; +import {Labelled} from "../decorators/Labelled"; import {Border, DropShadow, InputLike, Rounded} from "../Form/mixins"; const StyledDropdown = styled(Dropdown)` diff --git a/frontend/src/components/Inputs/Password.js b/frontend/src/components/Inputs/Password.js index ca00f27..6c37d3c 100644 --- a/frontend/src/components/Inputs/Password.js +++ b/frontend/src/components/Inputs/Password.js @@ -1,5 +1,5 @@ import React from "react"; -import {Labelled} from "./shared"; +import {Labelled} from "../decorators/Labelled"; import {Input} from "../Form/Input"; export const Password = (props) => diff --git a/frontend/src/components/Inputs/Text.js b/frontend/src/components/Inputs/Text.js index 0a26d42..514ab78 100644 --- a/frontend/src/components/Inputs/Text.js +++ b/frontend/src/components/Inputs/Text.js @@ -1,6 +1,6 @@ import CharLimit from "../decorators/CharLimit"; import React from "react"; -import {Labelled} from "./shared"; +import {Labelled} from "../decorators/Labelled"; import {Input} from "../Form/Input"; export const Text = React.forwardRef(({label, id, readOnly, onChange, value, maxLength, autoFocus}, ref) => { diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js deleted file mode 100644 index 2f6ee3f..0000000 --- a/frontend/src/components/Inputs/shared.js +++ /dev/null @@ -1,10 +0,0 @@ -import styled from "styled-components"; -import React from "react"; -import FloatingLabel from "../decorators/FloatingLabel"; - -export const Labelled = ({label, value, children}) =>
- - {label} - {children} - -
\ No newline at end of file -- cgit v1.2.3