master
mahdi andalib 2 years ago
parent f331ab5c80
commit fca56638ec
  1. 52
      src/components/Settingss/index.js
  2. 3
      src/components/Tabbar/index.js

@ -0,0 +1,52 @@
import React from "react";
import CustomSelectBox from "../CustomSelectBox";
const Settingss = () => {
return (
<div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
<div className="flex-grow flex-1 flex flex-col pl-5">
<div className="flex flex-col gap-y-7">
<CustomSelectBox
options={[
{ title: "نام فرآیند" },
{ title: "شماره 1" },
{ title: "شماره 2" },
{ title: "شماره 3" },
]}
/>
<CustomSelectBox
options={[
{ title: "انتخاب تابع" },
{ title: "شماره 1" },
{ title: "شماره 2" },
{ title: "شماره 3" },
]}
/>
</div>
</div>
<div className="flex-grow flex-1 flex flex-col pr-5">
<p className="mb-4 mt-2 font-bold text-[#00253A] text-sm">تابع پایان</p>
<div className="flex flex-col gap-y-7">
<CustomSelectBox
options={[
{ title: "انتخاب سرویس" },
{ title: "شماره 1" },
{ title: "شماره 2" },
{ title: "شماره 3" },
]}
/>
<CustomSelectBox
options={[
{ title: "انتخاب تابع" },
{ title: "شماره 1" },
{ title: "شماره 2" },
{ title: "شماره 3" },
]}
/>
</div>
</div>
</div>
);
};
export default Settingss;

@ -1,6 +1,7 @@
import React, { useState } from "react"; import React, { useState } from "react";
import Button from "../Button"; import Button from "../Button";
import Condition from "../Condition"; import Condition from "../Condition";
import Settingss from "../Settingss";
import Tavabee from "../Tavabee"; import Tavabee from "../Tavabee";
const Tabbar = ({ tabs }) => { const Tabbar = ({ tabs }) => {
@ -39,7 +40,7 @@ Tabbar.defaultProps = {
{ {
title: "تنظیمات", title: "تنظیمات",
className: "rounded-tr-md rounded-br-md border-r-2", className: "rounded-tr-md rounded-br-md border-r-2",
components: "mahdiii", components: <Settingss />,
bg: "bg-transparent", bg: "bg-transparent",
}, },
{ {

Loading…
Cancel
Save