From d99b8f3f8bea25a406c448d0fd3cd38e7c3f136f Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 17:43:16 -0800
Subject: remove extra langs

---
 frontend/src/components/Inputs.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'frontend/src/components/Inputs.js')

diff --git a/frontend/src/components/Inputs.js b/frontend/src/components/Inputs.js
index 3adad92..e18133d 100644
--- a/frontend/src/components/Inputs.js
+++ b/frontend/src/components/Inputs.js
@@ -152,7 +152,7 @@ const LangInput = (props) => {
         <GenericDropdown
             {...props}
             options={options}
-            placeholder={LANGS.raw}
+            placeholder={LANGS.auto}
             label='language'
         />
     );
-- 
cgit v1.2.3


From 3e8500d466b641ef34c24f8b0de8163a44ba7a9e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 22:17:18 -0800
Subject: refactoring css

---
 frontend/src/components/Inputs.js | 200 --------------------------------------
 1 file changed, 200 deletions(-)
 delete mode 100644 frontend/src/components/Inputs.js

(limited to 'frontend/src/components/Inputs.js')

diff --git a/frontend/src/components/Inputs.js b/frontend/src/components/Inputs.js
deleted file mode 100644
index e18133d..0000000
--- a/frontend/src/components/Inputs.js
+++ /dev/null
@@ -1,200 +0,0 @@
-import React, {useEffect, useRef} from 'react';
-import CharLimit from './decorators/CharLimit'
-import styled from 'styled-components'
-import FloatingLabel from './decorators/FloatingLabel'
-import Dropdown from 'react-dropdown';
-import { LANGS, THEMES } from './renderers/Code';
-import * as indentation from 'indent-textarea';
-
-const RelPositioning = styled.div`
-    position: relative; 
-    height: calc(100% - 4em);
-`
-
-const FlexChild = styled.div`
-    display: block;
-    margin-left: 2em;
-`
-
-const TitleInput = (props) => {
-    return (
-        <RelPositioning>
-            <FloatingLabel
-                label="title"
-                id={props.id}
-                value={props.value} />
-            <input
-                name="title"
-                readOnly={props.readOnly}
-                className="lt-shadow"
-                placeholder="Title"
-                id={props.id}
-                type="text"
-                autoFocus
-                autoComplete="off"
-                onChange={props.onChange}
-                value={props.value} />
-            <CharLimit
-                content={props.value}
-                maxLength={props.maxLength} />
-        </RelPositioning>
-    );
-}
-
-const PasteInput = ({content, ...props}) => {
-    const textInput = useRef(null);
-
-    useEffect(() => {
-        indentation.watch(textInput.current);
-    }, [textInput])
-
-    return (
-        <RelPositioning>
-            <FloatingLabel
-                label="content"
-                id={props.id}
-                value={content} />
-            <textarea
-                name="content"
-                readOnly={props.readOnly}
-                placeholder="Paste your text here"
-                value={content}
-                id={props.id}
-                ref={textInput}
-                required
-                onChange={props.onChange}
-                className="lt-shadow" />
-            <CharLimit
-                content={content}
-                maxLength={props.maxLength} />
-        </RelPositioning>
-    );
-}
-
-const PassInput = (props) => {
-    return (
-        <FlexChild>
-            <RelPositioning>
-                <FloatingLabel
-                    label="password"
-                    id={props.id}
-                    value={props.value} />
-                <input
-                    name="pass"
-                    className="lt-shadow"
-                    placeholder="password"
-                    type="password"
-                    autoComplete="off"
-                    onChange={props.onChange}
-                    value={props.value}
-                    id={props.id} />
-            </RelPositioning>
-        </FlexChild>
-    );
-}
-
-const GenericDropdown = (props) => {
-    function _onSelect(option) {
-        props.onChange({
-            target: {
-                name: props.label,
-                value: option.label
-            }
-        });
-    }
-
-    return (
-        <FlexChild>
-            <Dropdown
-                options={props.options}
-                onChange={_onSelect}
-                value={props.value}
-                placeholder={props.placeholder}
-                id={props.id} />
-            <FloatingLabel
-                label={props.label}
-                id={props.id}
-                value={props.value} />
-        </FlexChild>
-    );
-}
-
-const ExpiryInput = (props) => {
-    const options = [
-        '5 years',
-        '1 year',
-        '1 month',
-        '1 week',
-        '1 day',
-        '1 hour',
-        '10 min',
-    ];
-
-    return (
-        <GenericDropdown 
-            {...props}
-            options={options}
-            placeholder='1 week'
-            label='expiry'
-        />
-    );
-}
-
-const LangInput = (props) => {
-    const options = Object.entries(LANGS).map((key, _) => {
-        return {
-            'value': key[1],
-            'label': key[0]
-        }
-    })
-
-    return (
-        <GenericDropdown
-            {...props}
-            options={options}
-            placeholder={LANGS.auto}
-            label='language'
-        />
-    );
-}
-
-const ThemeInput = (props) => {
-    const options = Object.entries(THEMES).map((key, _) => {
-        return {
-            'value': key[1],
-            'label': key[0]
-        }
-    })
-
-    return (
-        <GenericDropdown
-            {...props}
-            options={options}
-            placeholder={'atom'}
-            label='theme'
-        />
-    );
-}
-
-const PasteURLInput = ({id, fullURL}) => {
-    return (
-        <FlexChild>
-            <RelPositioning>
-                <FloatingLabel
-                    label="url"
-                    id={id}
-                    value={id} />
-                <input
-                    name="paste_url"
-                    className="lt-shadow"
-                    type="text"
-                    readOnly
-                    autoFocus
-                    id={id}
-                    value={fullURL} />
-            </RelPositioning>
-        </FlexChild>
-    );
-}
-
-export { TitleInput, PasteInput, PassInput, ExpiryInput, PasteURLInput, LangInput, ThemeInput }
\ No newline at end of file
-- 
cgit v1.2.3