mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update App.js, src/components/CourseChapter/index.js, src/components/NumOfGuestsEmployees/index.js and src/components/ReligiousTimes/index.js

Browse Source
master
Your Name 3 years ago
parent ee043fea31
commit 9efb249520
4 changed files with 133 additions and 146 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      src/App.js
  2. 30
      src/components/CourseChapter/index.js
  3. 95
      src/components/NumOfGuestsEmployees/index.js
  4. 103
      src/components/ReligiousTimes/index.js

51
src/App.js
Unescape View File

@ -91,8 +91,12 @@ function App() {
{/* <VodProductNew /> */} {/* <VodProductNew /> */}
{/* <BookDesign /> */} {/* <BookDesign /> */}
{/* <ButtonDesign /> */} {/* <ButtonDesign /> */}
{/* <ButtonNewDesign /> */}
{/* <ProductTags /> */} {/* <ProductTags /> */}
{/* <HeaderDesign1 /> */}
{/* <NewTagDesign /> */}
{/* <CounterDesign /> */} {/* <CounterDesign /> */}
{/* <Blogs /> */}
{/* <BlogDesign1 /> */} {/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */} {/* <BlogDesign2 /> */}
{/* <BlogDesign3 /> */} {/* <BlogDesign3 /> */}
@ -114,7 +118,6 @@ function App() {
{/* <AdvertisementDesign2 /> */} {/* <AdvertisementDesign2 /> */}
{/* <AdvertisementDesign3 /> */} {/* <AdvertisementDesign3 /> */}
{/* <CourseChapter /> */} {/* <CourseChapter /> */}
{/* <SidebarMenu /> */}
{/* <SimpleBarChart /> */} {/* <SimpleBarChart /> */}
{/* <SpecifiedDomainRadarChart /> */} {/* <SpecifiedDomainRadarChart /> */}
{/* <Design1 /> */} {/* <Design1 /> */}
@ -124,46 +127,44 @@ function App() {
{/* <ReactTable3 /> */} {/* <ReactTable3 /> */}
{/* <ReactTable4 /> */} {/* <ReactTable4 /> */}
{/* <ReactTable5 /> */} {/* <ReactTable5 /> */}
{/* <Digikala /> */} {/* <SidebarMenu /> */}
{/* <SidebarDesign2 /> */} {/* <SidebarDesign2 /> */}
{/* <HeaderDesign1 /> */} {/* <SidebarDesign2 className="w-1/5" /> */}
{/* <div className="flex"> {/* <FileManager /> */}
<SidebarDesign2 className="w-1/5" /> {/* <GridListTable /> */}
<span className="w-4/5 "> {/* <PopupCard /> */}
<ReactTable4 /> {/* <TimeLine /> */}
<FooterDesign1 /> {/* <CardTrelloDesign /> */}
</span> {/* <ReligiousTimes /> */}
</div> */} <NumOfGuestsEmployees />
{/* *************************************************** mini components *************************************************** */}
{/* <AnimatedProgressBar /> */}
{/* <CircleInCircle /> */}
{/* <BreadCrumb /> */} {/* <BreadCrumb /> */}
{/* <SearchBox /> */} {/* <SearchBox /> */}
{/* <FileManager /> */}
{/* <TitleSubtitle /> */} {/* <TitleSubtitle /> */}
{/* <Playlist /> */} {/* <Playlist /> */}
{/* <Folderlists /> */} {/* <Folderlists /> */}
{/* <Blogs /> */}
{/* <CardHolder /> */} {/* <CardHolder /> */}
{/* <UploadFile /> */} {/* <UploadFile /> */}
{/* <BarChartApex /> */} {/* <BarChartApex /> */}
{/* <OutlineInput /> */} {/* <OutlineInput /> */}
{/* <ButtonNewDesign /> */}
{/* <CancleIcon /> */} {/* <CancleIcon /> */}
{/* <ProfilePicNextToEachOther /> */} {/* <ProfilePicNextToEachOther /> */}
{/* <SemiDonut /> */}
{/* <FolderTree /> */}
{/* <GridListTable /> */}
{/* <PopupCard /> */}
{/* <TimeLine /> */}
{/* <TimeLineComponent /> */} {/* <TimeLineComponent /> */}
{/* <SelectYear /> */} {/* <SelectYear /> */}
{/* <SemiDonut /> */}
{/* <FolderTree /> */}
{/* <IndianaDragScroll /> */} {/* <IndianaDragScroll /> */}
{/* <SidebarDesign2 className="w-1/5" /> */} {/* <div className="flex">
<SidebarDesign2 className="w-1/5" />
<span className="w-4/5 ">
<ReactTable4 />
<FooterDesign1 />
</span>
</div> */}
{/* <Digikala /> */}
{/* <TestComponentNew /> */} {/* <TestComponentNew /> */}
{/* <CardTrelloDesign /> */}
{/* <AnimatedProgressBar /> */}
{/* <CircleInCircle /> */}
{/* <NewTagDesign /> */}
<ReligiousTimes />
<NumOfGuestsEmployees />
</div> </div>
</Provider> </Provider>
); );

30
src/components/CourseChapter/index.js
Unescape View File

@ -137,35 +137,5 @@ CourseChapter.defaultProps = {
}, },
], ],
}, },
{
title: "فصل اول: مباحث جوشش مواد مذاب در مرکز",
duration: "2:30:13",
lessons: [
{
title: "آیا گوگل از ما دزدی میکند؟",
duration: "14:30",
play: "پخش",
passed: true,
},
{
title: "چگونگی ساخت نیروگاه های برقی",
duration: "22:31",
play: "در حال پخش",
passed: true,
},
{
title: "آیا از اینترنت می توان درآمد داشت؟",
duration: "10:09",
play: "نمایش",
passed: false,
},
{
title: "زمین سبز و آسمان آبی",
duration: "56:09",
play: "نمایش",
passed: false,
},
],
},
], ],
}; };

95
src/components/NumOfGuestsEmployees/index.js
Unescape View File

@ -1,42 +1,65 @@
import React from 'react' import React from "react";
const NumOfGuestsEmployees = ({items}) => { const NumOfGuestsEmployees = ({ items }) => {
console.log(items);
return ( return (
<div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[280px] w-1/3 mt-10 mr-10 py-2"> <div className="mt-20 flex flex-col items-center gap-y-4 max-w-[400px] mx-auto bg-white shadow-sm rounded-lg p-3">
{items.map((item,i) => ( {items.map((row, index) => (
<div className="flex flex-row"> <div
<div className="font-bold text-xs flex flex-col items-center"> className={`flex flex-row items-center justify-around w-full border-gray-200 pb-3 ${
<p className="text-[#0F0543]">{item.name}</p> index + 1 < items.length ? "border-b" : ""
<span className="text-[#2483E1] mt-2">{item.number} نفر</span> }`}
</div> key={index}
{Number(i) !== items.length -1 && ( >
<div className="w-0.5 bg-[#9DACD344] mx-3" style={{height: "44px"}}></div> {row.map((item, index) => (
)} <div
className={`flex flex-col items-center font-bold text-xs border-gray-200 flex-1 ${
index + 1 < row.length ? "border-l" : ""
}`}
>
<p className="text-[#0F0543]">{item.name}</p>
<span
className={` mt-2 ${
item.remaining ? "text-[#E16524]" : "text-[#2483E1]"
}`}
>
{item.number} نفر
</span>
</div> </div>
))} ))}
</div> </div>
) ))}
} </div>
);
};
export default NumOfGuestsEmployees export default NumOfGuestsEmployees;
NumOfGuestsEmployees.defaultProps = { NumOfGuestsEmployees.defaultProps = {
items: [ items: [
{ [
name: "تعداد کارمندان محترم", {
number: "259", name: "تعداد کارمندان محترم",
}, number: "259",
{ remaining: false,
name: "تعداد مهمانان محترم", },
number: "569", {
}, name: "تعداد مهمانان محترم",
// { number: "569",
// name: "ظرفیت باقیمانده کارمندان محترم", remaining: false,
// number: "5", },
// }, ],
// { [
// name: "ظرفیت باقیمانده مهمانان محترم", {
// number: "6", name: "ظرفیت باقیمانده کارمندان محترم",
// }, number: "5",
] remaining: true,
} },
{
name: "ظرفیت باقیمانده مهمانان محترم",
number: "6",
remaining: true,
},
],
],
};

103
src/components/ReligiousTimes/index.js
Unescape View File

@ -1,62 +1,55 @@
import React from 'react' import React from "react";
// const time = { const ReligiousTimes = ({ hours }) => {
// morningTime: "صبح",
// sunriseTime: "طلوع",
// noonTime: "ظهر",
// sunsetTime: "غروب",
// maghribTime: "مغرب",
// midnightTime: "نیمه شب",
// }
const ReligiousTimes = ({hours}) => {
return ( return (
<div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mt-10 mr-10"> <div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mt-10 mr-10">
{hours.map((hour,index) => ( {hours.map((hour, index) => (
<div className="flex flex-row items-center" key={index}> <div className="flex flex-row items-center" key={index}>
<span className="text-xs text-[#0F0543] font-bold"> <span className="text-xs text-[#0F0543] font-bold">
{hour.partOfDay} {hour.partOfDay}
</span> </span>
<span className="text-xs text-[#2483E1] font-bold mr-1"> <span className="text-xs text-[#2483E1] font-bold mr-1">
{hour.time} {hour.time}
</span> </span>
{Number(index) !== hours.length -1 && ( {Number(index) !== hours.length - 1 && (
<div className="w-0.5 bg-[#9DACD344] mx-2" style={{height: "20px"}}></div> <div
)} className="w-0.5 bg-[#9DACD344] mx-2"
</div> style={{ height: "20px" }}
))} ></div>
)}
</div>
))}
</div> </div>
) );
} };
export default ReligiousTimes export default ReligiousTimes;
ReligiousTimes.defaultProps = { ReligiousTimes.defaultProps = {
hours: [
hours : [ {
{ partOfDay: "صبح",
partOfDay: "صبح", time: "5:03",
time: "5:03", },
}, {
{ partOfDay: "طلوع",
partOfDay: "طلوع", time: "6:27",
time: "6:27", },
}, {
{ partOfDay: "ظهر",
partOfDay: "ظهر", time: "12:15",
time: "12:15", },
}, {
{ partOfDay: "غروب",
partOfDay: "غروب", time: "18:05",
time: "18:05", },
}, {
{ partOfDay: "مغرب",
partOfDay: "مغرب", time: "18:23",
time: "18:23", },
}, {
{ partOfDay: "نیمه شب",
partOfDay: "نیمه شب", time: "23:34",
time: "23:34", },
}, ],
] };
}

Write Preview
Loading…
Cancel
Save