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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      src/App.js
  2. 30
      src/components/CourseChapter/index.js
  3. 67
      src/components/NumOfGuestsEmployees/index.js
  4. 27
      src/components/ReligiousTimes/index.js

51
src/App.js
Unescape View File

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

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

@ -1,42 +1,65 @@
import React from 'react'
import React from "react";
const NumOfGuestsEmployees = ({ items }) => {
console.log(items);
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">
{items.map((item,i) => (
<div className="flex flex-row">
<div className="font-bold text-xs flex flex-col items-center">
<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((row, index) => (
<div
className={`flex flex-row items-center justify-around w-full border-gray-200 pb-3 ${
index + 1 < items.length ? "border-b" : ""
}`}
key={index}
>
{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="text-[#2483E1] mt-2">{item.number} نفر</span>
<span
className={` mt-2 ${
item.remaining ? "text-[#E16524]" : "text-[#2483E1]"
}`}
>
{item.number} نفر
</span>
</div>
{Number(i) !== items.length -1 && (
<div className="w-0.5 bg-[#9DACD344] mx-3" style={{height: "44px"}}></div>
)}
))}
</div>
))}
</div>
)
}
);
};
export default NumOfGuestsEmployees
export default NumOfGuestsEmployees;
NumOfGuestsEmployees.defaultProps = {
items: [
[
{
name: "تعداد کارمندان محترم",
number: "259",
remaining: false,
},
{
name: "تعداد مهمانان محترم",
number: "569",
remaining: false,
},
],
[
{
name: "ظرفیت باقیمانده کارمندان محترم",
number: "5",
remaining: true,
},
{
name: "ظرفیت باقیمانده مهمانان محترم",
number: "6",
remaining: true,
},
// {
// name: "ظرفیت باقیمانده کارمندان محترم",
// number: "5",
// },
// {
// name: "ظرفیت باقیمانده مهمانان محترم",
// number: "6",
// },
]
}
],
],
};

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

@ -1,13 +1,4 @@
import React from 'react'
// const time = {
// morningTime: "صبح",
// sunriseTime: "طلوع",
// noonTime: "ظهر",
// sunsetTime: "غروب",
// maghribTime: "مغرب",
// midnightTime: "نیمه شب",
// }
import React from "react";
const ReligiousTimes = ({ hours }) => {
return (
@ -21,18 +12,20 @@ const ReligiousTimes = ({hours}) => {
{hour.time}
</span>
{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"
style={{ height: "20px" }}
></div>
)}
</div>
))}
</div>
)
}
);
};
export default ReligiousTimes
export default ReligiousTimes;
ReligiousTimes.defaultProps = {
hours: [
{
partOfDay: "صبح",
@ -58,5 +51,5 @@ ReligiousTimes.defaultProps = {
partOfDay: "نیمه شب",
time: "23:34",
},
]
}
],
};

Write Preview
Loading…
Cancel
Save