From 97c8199629dc3764a5bbe7a9d2b027d8082fb67c Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 10 Aug 2023 15:18:27 +0700
Subject: [PATCH] inputs update

---
 .../src/components/common/Input/Input.tsx     | 92 -------------------
 .../common/{Input => Inputs}/Input.scss       |  0
 2 files changed, 92 deletions(-)
 delete mode 100644 packages/fakeyou.com/src/components/common/Input/Input.tsx
 rename packages/fakeyou.com/src/components/common/{Input => Inputs}/Input.scss (100%)

diff --git a/packages/fakeyou.com/src/components/common/Input/Input.tsx b/packages/fakeyou.com/src/components/common/Input/Input.tsx
deleted file mode 100644
index 11dff877a5..0000000000
--- a/packages/fakeyou.com/src/components/common/Input/Input.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import "./Input.scss";
-import {
-  default as ReactSelect,
-  Props as ReactSelectProps,
-} from "react-select";
-
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  icon?: IconDefinition;
-  label?: string;
-  textArea?: boolean;
-}
-
-interface TextAreaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-  label?: string;
-  textArea?: boolean;
-}
-
-interface SelectProps extends ReactSelectProps {
-  icon?: IconDefinition;
-  label?: string;
-  rounded?: boolean;
-}
-
-export function Input({ label, icon, textArea, ...rest }: InputProps) {
-  return (
-    <div>
-      {label && <label className="sub-title">{label}</label>}
-
-      <div className={`form-group ${icon ? "input-icon" : ""}`}>
-        {icon && (
-          <FontAwesomeIcon icon={icon} className="form-control-feedback" />
-        )}
-        <input className="form-control" {...rest} />
-      </div>
-    </div>
-  );
-}
-
-export function TextArea({ label, textArea, ...rest }: TextAreaProps) {
-  return (
-    <div>
-      {label && <label className="sub-title">{label}</label>}
-
-      <div className="form-group">
-        <textarea className="form-control" {...rest} />
-      </div>
-    </div>
-  );
-}
-
-export function Select({ label, icon, rounded, ...rest }: SelectProps) {
-  const SelectFieldClass = {
-    control: (state: any) =>
-      state.isFocused
-        ? `select focused ${icon && "with-icon"} ${rounded && "rounded-full"}`
-        : `select ${icon && "with-icon"} ${rounded && "rounded-full"}`,
-    option: (state: any) =>
-      state.isFocused ? "select-option" : "select-option",
-    input: (state: any) => (state.isFocused ? "select-input" : "select-input"),
-    placeholder: (state: any) =>
-      state.isFocused ? "select-placeholder" : "select-placeholder",
-    singleValue: (state: any) =>
-      state.isFocused ? "select-value" : "select-value",
-    menu: (state: any) =>
-      state.isFocused ? "select-container" : "select-container",
-    indicatorSeparator: (state: any) =>
-      state.isFocused ? "select-separator" : "select-separator",
-  };
-
-  return (
-    <div>
-      {label && <label className="sub-title">{label}</label>}
-
-      <div className={`form-group ${icon ? "input-icon" : ""}`}>
-        {icon && (
-          <FontAwesomeIcon icon={icon} className="form-control-feedback" />
-        )}
-        <div className="w-100">
-          <ReactSelect
-            classNamePrefix="select"
-            classNames={SelectFieldClass}
-            {...rest}
-          />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/fakeyou.com/src/components/common/Input/Input.scss b/packages/fakeyou.com/src/components/common/Inputs/Input.scss
similarity index 100%
rename from packages/fakeyou.com/src/components/common/Input/Input.scss
rename to packages/fakeyou.com/src/components/common/Inputs/Input.scss