update 5 files and delete 4 files

master
mahdi 2 years ago
parent c40757873a
commit adddcc0367
  1. 0
      src/components/Avatar/ProfileInfo/index.js
  2. 0
      src/components/Avatar/ProfilePicNextToEachOther/index.js
  3. 27
      src/components/Avatar/index.js
  4. 2
      src/components/CardDesgin/CardTrelloDesign/index.js
  5. 2
      src/components/CardDesgin/PopupCard/index.js
  6. 2
      src/components/CurrentDateTime/DateTime/index.js
  7. 2
      src/components/DivideX/DistributedData/index.js
  8. 2
      src/components/DivideX/ReligiousTimes/index.js
  9. 27
      src/components/DivideX/index.js
  10. 2
      src/components/MiniComponents/Folderlist/index.js
  11. 19
      src/redux/data.js

@ -0,0 +1,27 @@
import React, { useState } from "react";
import ProfileInfo from "./ProfileInfo";
import ProfilePicNextToEachOther from "./ProfilePicNextToEachOther";
function Avatar() {
const list = {
1: <ProfileInfo />,
2: <ProfilePicNextToEachOther />,
};
const [type, setType] = useState(1);
return (
<div className="w-full flex flex-col items-center">
<select
className="mb-10 w-20 bg-gray-200"
onChange={(e) => setType(e.target.value)}
>
{Object.keys(list).map((option, index) => (
<option key={index}>{option}</option>
))}
</select>
{list[type]}
</div>
);
}
export default Avatar;

@ -3,7 +3,7 @@ import Button from "../../ButtonDesign/Button";
import CircleInCircle from "../../MiniComponents/CircleInCircle"; import CircleInCircle from "../../MiniComponents/CircleInCircle";
import TagDesign1 from "../../Tag/TagDesign1"; import TagDesign1 from "../../Tag/TagDesign1";
import AnimatedProgressBar1 from "../../ProgressBar/AnimatedProgressbar1"; import AnimatedProgressBar1 from "../../ProgressBar/AnimatedProgressbar1";
import ProfilePicNextToEachOther from "../../ProfilePicNextToEachOther"; import ProfilePicNextToEachOther from "../../Avatar/ProfilePicNextToEachOther";
import CommentIcon from "../../MiniComponents/CommentIcon"; import CommentIcon from "../../MiniComponents/CommentIcon";
const CardTrelloDesign = ({ const CardTrelloDesign = ({

@ -6,7 +6,7 @@ import { useForm } from "react-hook-form";
import Input from "../../AnimatedInput/Input"; import Input from "../../AnimatedInput/Input";
import CancleIcon from "../../MiniComponents/CancleIcon"; import CancleIcon from "../../MiniComponents/CancleIcon";
import Button from "../../ButtonDesign/Button"; import Button from "../../ButtonDesign/Button";
import ProfilePicNextToEachOther from "../../ProfilePicNextToEachOther"; import ProfilePicNextToEachOther from "../../Avatar/ProfilePicNextToEachOther";
import TitleSubtitle from "../../MiniComponents/TitleSubtitle"; import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
const PopupCard = ({ selectedChecklist, buttons }) => { const PopupCard = ({ selectedChecklist, buttons }) => {

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import CurrentDateShamsi from "../CurrentDateShamsi"; import CurrentDateShamsi from "../CurrentDateShamsi";
import CurrentTime from "../CurrentTime"; import CurrentTime from "../CurrentTime";
import ProfileInfo from "../../ProfileInfo"; import ProfileInfo from "../../Avatar/ProfileInfo";
const DateTime = () => { const DateTime = () => {
return ( return (

@ -2,7 +2,7 @@ import React from "react";
const DistributedData = ({ items }) => { const DistributedData = ({ items }) => {
return ( return (
<div className="mt-20 flex flex-col items-center gap-y-4 max-w-[750px] mx-auto bg-white shadow-sm rounded-lg pt-3"> <div className="w-[750px] flex flex-col items-center gap-y-4 mx-auto bg-white shadow-sm rounded-lg pt-3">
{items.map((row, index) => ( {items.map((row, index) => (
<div <div
className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${ className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${

@ -2,7 +2,7 @@ import React from "react";
const ReligiousTimes = ({ hours }) => { 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="w-[550px] flex flex-row items-center justify-around bg-white shadow-sm rounded-lg 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-sansbold"> <span className="text-xs text-[#0F0543] font-sansbold">

@ -0,0 +1,27 @@
import React, { useState } from "react";
import DistributedData from "./DistributedData";
import ReligiousTimes from "./ReligiousTimes";
function Advertisements() {
const list = {
1: <DistributedData />,
2: <ReligiousTimes />,
};
const [type, setType] = useState(1);
return (
<div className="w-full flex flex-col items-center">
<select
className="mb-10 w-20 bg-gray-200"
onChange={(e) => setType(e.target.value)}
>
{Object.keys(list).map((option, index) => (
<option key={index}>{option}</option>
))}
</select>
{list[type]}
</div>
);
}
export default Advertisements;

@ -2,7 +2,7 @@
import React from "react"; import React from "react";
import ProfilePicNextToEachOther from "../../ProfilePicNextToEachOther"; import ProfilePicNextToEachOther from "../../Avatar/ProfilePicNextToEachOther";
import DropDown from "../DropDown"; import DropDown from "../DropDown";
const Folderlists = ({ items }) => { const Folderlists = ({ items }) => {

@ -41,13 +41,14 @@ import BoxNextToEachOther from "../components/BoxNextToEachOther";
import ContactUs from "../components/ContactUs"; import ContactUs from "../components/ContactUs";
import CurrentDateTime from "../components/CurrentDateTime"; import CurrentDateTime from "../components/CurrentDateTime";
import Digikala from "../components/Digikala"; import Digikala from "../components/Digikala";
import DistributedData from "../components/DistributedData"; import DivideX from "../components/DivideX";
import FileManager from "../components/FileManager"; import FileManager from "../components/FileManager";
import FormFields from "../components/FormFields"; import FormFields from "../components/FormFields";
import Tabels from "../components/Tabels"; import Tabels from "../components/Tabels";
import LeafletMap from "../components/LeafletMap"; import LeafletMap from "../components/LeafletMap";
import ProductGallery from "../components/ProductGallery"; import ProductGallery from "../components/ProductGallery";
import ProductSalesAmount from "../components/ProductSalesAmount"; import ProductSalesAmount from "../components/ProductSalesAmount";
import Avatar from "../components/Avatar";
// mini components // mini components
import MiniComponents from "../components/MiniComponents"; import MiniComponents from "../components/MiniComponents";
@ -772,12 +773,12 @@ const components = [
}, },
}, },
{ {
name: "DistributedData", name: "DivideX",
author: "Andalib", author: "Andalib",
props: [], props: [],
content: { content: {
name: "DistributedData", name: "DivideX",
component: <DistributedData />, component: <DivideX />,
code: null, code: null,
}, },
}, },
@ -841,6 +842,16 @@ const components = [
code: null, code: null,
}, },
}, },
{
name: "Avatar",
author: "Andalib",
props: [],
content: {
name: "Avatar",
component: <Avatar />,
code: null,
},
},
// mini components // mini components
{ {
name: "Mini Components", name: "Mini Components",

Loading…
Cancel
Save