update Tabbar.js, BasicTable.js and EditRow.js

master
mahdi 2 years ago
parent 87f049ba28
commit dcd94e355c
  1. 12
      src/components/Tabels/ReactTable4/Tabbar.js
  2. 12
      src/components/Tabels/ReactTable5/BasicTable.js
  3. 31
      src/components/Tabels/ReactTable5/EditRow.js

@ -32,11 +32,13 @@ const Tabbar = ({ tabs, delTab, setActivateTab, activeTab }) => {
if (window.isDown) return e.preventDefault(); if (window.isDown) return e.preventDefault();
}} }}
aria-current="page" aria-current="page"
className="flex flex-row items-center text-sm text-center active rounded-sm px-4" className={`flex flex-row items-center text-lg text-center active rounded-sm p-20 ${
style={{ activeTab === el.id ? "bg-[#fff]" : "bg-[#000]"
backgroundColor: activeTab === el.id ? "#92c1fc" : "#F1F6FF", } ${activeTab === el.id ? "bg-[#92c1fc]" : "bg-[#F1F6FF]"}`}
color: activeTab === el.id ? "#fff" : "#000", // style={{
}} // backgroundColor: activeTab === el.id ? "#92c1fc" : "#F1F6FF",
// color: activeTab === el.id ? "#fff" : "#000",
// }}
> >
<div className="h-full py-2" onClick={(e) => setActivateTab(el.id)}> <div className="h-full py-2" onClick={(e) => setActivateTab(el.id)}>
{el.name} {el.name}

@ -36,8 +36,7 @@ export const SelectColumnFilter = ({
return ( return (
<select <select
className="w-32 appearance-none text-xs flex flex-row items-start p-2 rounded focus:outline-none border focus:border-gray-200 focus:ring focus:ring-gray-200 focus:ring-opacity-20" className="w-32 appearance-none text-xs flex flex-row items-start p-2 rounded border-[#EEEEEE] text-[#00253A] focus:outline-none border focus:border-gray-200 focus:ring focus:ring-gray-200 focus:ring-opacity-20"
style={{ borderColor: "#EEEEEE", color: "#00253A" }}
name={id} name={id}
id={id} id={id}
value={filterValue} value={filterValue}
@ -45,19 +44,14 @@ export const SelectColumnFilter = ({
setFilter(e.target.value || undefined); setFilter(e.target.value || undefined);
}} }}
> >
<option <option className="text-white " value="">
className="text-white"
value=""
style={{ backgroundColor: "#65A9FF" }}
>
بر اساس نوع فایل بر اساس نوع فایل
</option> </option>
{options.map((option, i) => ( {options.map((option, i) => (
<option <option
key={i} key={i}
value={option} value={option}
className="text-right text-white px-2" className="text-right text-white px-2 bg-[#65A9FF]"
style={{ backgroundColor: "#65A9FF" }}
> >
{(() => { {(() => {
if (option === 1) { if (option === 1) {

@ -11,52 +11,31 @@ const EditRow = ({ row }) => {
${openModal ? "opacity-90" : "opacity-0 pointer-events-none"}`} ${openModal ? "opacity-90" : "opacity-0 pointer-events-none"}`}
> >
<div <div
className="absolute w-fit bg-white p-4 rounded flex flex-row items-center space-x-10" className="top-[10%] absolute w-fit bg-white p-4 rounded flex flex-row items-center space-x-10"
style={{ top: "10%" }}
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<img src={row.original.filePic} alt="" className="w-20" /> <img src={row.original.filePic} alt="" className="w-20" />
<span <span
role="textbox" role="textbox"
style={{ className="bg-[#F8FBFF] text-[#00253A] border-[#C8DEF9] text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
className="text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
> >
{row.original.fileName} {row.original.fileName}
</span> </span>
<span <span
role="textbox" role="textbox"
style={{ className="bg-[#F8FBFF] text-[#00253A] border-[#C8DEF9] text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
className="text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
> >
{row.original.fileType} {row.original.fileType}
</span> </span>
<span <span
role="textbox" role="textbox"
style={{ className="bg-[#F8FBFF] text-[#00253A] border-[#C8DEF9] text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
className="text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
> >
{row.original.fileSize} {row.original.fileSize}
</span> </span>
<span <span
role="textbox" role="textbox"
style={{ className="bg-[#F8FBFF] text-[#00253A] border-[#C8DEF9] text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
className="text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
> >
{row.original.fileDate} {row.original.fileDate}
</span> </span>

Loading…
Cancel
Save