diff --git a/src/App.js b/src/App.js
index 1f64b31..b66009b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -120,7 +120,8 @@ function App() {
*/}
- {/* */}
+ {/* */}
+ {/* */}
{/* ---------------------------- not usable ---------------------------- */}
{/* */}
@@ -212,7 +213,7 @@ function App() {
{/* */}
- {/* */}
+
{/* ----------------------------$$$ start---------------------------- */}
{/*
diff --git a/src/components/FolderTree/index.js b/src/components/FolderTree/index.js
index 0534b6d..5118d6a 100644
--- a/src/components/FolderTree/index.js
+++ b/src/components/FolderTree/index.js
@@ -12,6 +12,7 @@ import opened from "./images/opened.svg";
const FolderState = ({ items }) => {
let [selected, setSelected] = useState(1);
let [top, setTop] = useState(1);
+
return (
<>
{
>
);
};
+
const FolderTree = ({ items, pid, selected, setSelected, setTop }) => {
const [expands, setExpand] = useState(
items.filter((item) => item.exapnd).map((item) => item.id)
@@ -98,6 +100,7 @@ const FolderTree = ({ items, pid, selected, setSelected, setTop }) => {
};
export default FolderState;
+
FolderState.defaultProps = {
items: [
{
diff --git a/src/components/FormInput/Input.js b/src/components/FormInput/Input.js
index 60e12a1..4cd159b 100644
--- a/src/components/FormInput/Input.js
+++ b/src/components/FormInput/Input.js
@@ -8,29 +8,33 @@ const FormFields = ({
defaultValue,
set,
label,
- className,
+ borderClassname,
type,
maxLength,
max,
min,
register,
+ onClick,
}) => {
const [value, setValue] = useState(defaultValue);
return (
{label}
@@ -41,7 +45,9 @@ const FormFields = ({
maxLength={maxLength}
value={value}
type={"text"}
- className={"rtl w-full h-full px-4 outline-0 "}
+ className={`rtl w-full h-full px-4 py-2 bg-[#F9F9F9] text-[#F9F9F9] outline-0 text-xs rounded focus:border-[#2483E1 focus:ring-[#2483E1
+ ${value === "" ? "bg-[#F9F9F9]" : "bg-red-600"}
+ `}
onChange={(e) => setValue(e.target.value)}
inputMode={type === "number" ? "numeric" : ""}
onInput={(e) => {
@@ -69,3 +75,7 @@ const FormFields = ({
};
export default FormFields;
+
+FormFields.defaultProps = {
+ borderClassname: "border-[#2483E1] bg-indigo-600",
+};
diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js
index b483a57..7b838a3 100644
--- a/src/components/FormInput/index.js
+++ b/src/components/FormInput/index.js
@@ -1,10 +1,12 @@
-import React from "react";
+import React, { useState } from "react";
import { useForm } from "react-hook-form";
import Input from "./Input";
const FormInput = () => {
const { register, getValues } = useForm();
+ const [selectedInput, setSelectedInput] = useState(false);
+
return (
@@ -12,6 +14,10 @@ const FormInput = () => {
register={register("firstName")}
// defaultValue={info?.firstName}
label="نام "
+ borderClassname={` ${
+ selectedInput === true ? "border-[#E0E0E0]" : "border-[#2483E1]"
+ }`}
+ onClick={() => setSelectedInput(true)}
/>