delete 9 files and update 3 files

master
mahdi 2 years ago
parent 0bbcdf6201
commit 0993531ebf
  1. 0
      public/images/TimeLineComponentgray-search-icon.svg
  2. 0
      public/images/TimeLineComponentprofilePic1.svg
  3. 0
      public/images/TimeLineComponentprofilePic2.svg
  4. 0
      src/components/MiniComponents/SelectYear/Month.js
  5. 9
      src/components/MiniComponents/SelectYear/index.js
  6. 0
      src/components/TimeLineComponent/index.scss
  7. 2
      src/components/Timeline/TimeLine1/TimeLineItem.js
  8. 4
      src/components/Timeline/TimeLine1/Timeline.js
  9. 0
      src/components/Timeline/TimeLine1/data.js
  10. 0
      src/components/Timeline/TimeLine1/index.js
  11. 25
      src/components/Timeline/index.js
  12. 11
      src/redux/data.js

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

@ -1,11 +1,6 @@
// it has style inside index.scss ---> // Start SelectYear && end SelectYear // it has style inside index.scss ---> // Start SelectYear && end SelectYear
import React, { useState, useRef } from "react"; import React, { useState, useRef } from "react";
import ScrollContainer from "react-indiana-drag-scroll";
import arrowDown from "images/SelectYeararrow-down.svg";
import arrowUp from "images/SelectYeararrow-up.svg";
import Month from "./Month.js"; import Month from "./Month.js";
const SelectYear = ({ items }) => { const SelectYear = ({ items }) => {
@ -25,7 +20,7 @@ const SelectYear = ({ items }) => {
return ( return (
<section className="flex flex-row items-center mx-auto w-8/12 my-20"> <section className="flex flex-row items-center mx-auto w-8/12 my-20">
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<img src={arrowUp} onClick={up} alt="" /> <img src="images/SelectYeararrow-up.svg" onClick={up} alt="" />
<div <div
ignoreElements={"#not-work-drag"} ignoreElements={"#not-work-drag"}
@ -68,7 +63,7 @@ const SelectYear = ({ items }) => {
))} ))}
</div> </div>
</div> </div>
<img src={arrowDown} onClick={down} alt="" /> <img src="images/SelectYeararrow-down.svg" onClick={down} alt="" />
</div> </div>
<div className="bg-[#06BACE] w-1.5 h-96 mx-4 rounded"></div> <div className="bg-[#06BACE] w-1.5 h-96 mx-4 rounded"></div>
<div className={`flex flex-col items-center`}> <div className={`flex flex-col items-center`}>

@ -1,4 +1,4 @@
import CircleInCircle from "../CircleInCircle"; import CircleInCircle from "../../";
import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther"; import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther";
const TimeLineItem = ({ data }) => ( const TimeLineItem = ({ data }) => (

@ -3,7 +3,7 @@ import React from "react";
import timeLineData from "./data.js"; import timeLineData from "./data.js";
import TimeLineItem from "./TimeLineItem.js"; import TimeLineItem from "./TimeLineItem.js";
const TimeLine = () => const TimeLine1 = () =>
timeLineData.length > 0 && ( timeLineData.length > 0 && (
<div className="timeline-container flex flex-col relative my-10"> <div className="timeline-container flex flex-col relative my-10">
{timeLineData.slice(0, 6).map((data, idx) => ( {timeLineData.slice(0, 6).map((data, idx) => (
@ -12,4 +12,4 @@ const TimeLine = () =>
</div> </div>
); );
export default TimeLine; export default TimeLine1;

@ -0,0 +1,25 @@
import React, { useState } from "react";
import TimeLine1 from "./TimeLine1";
function Advertisements() {
const list = {
1: <TimeLine1 />,
};
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;

@ -49,6 +49,7 @@ 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"; import Avatar from "../components/Avatar";
import Timeline from "../components/Timeline";
// mini components // mini components
import MiniComponents from "../components/MiniComponents"; import MiniComponents from "../components/MiniComponents";
@ -852,6 +853,16 @@ const components = [
code: null, code: null,
}, },
}, },
{
name: "Time Line",
author: "Andalib",
props: [],
content: {
name: "Time Line",
component: <Timeline />,
code: null,
},
},
// mini components // mini components
{ {
name: "Mini Components", name: "Mini Components",

Loading…
Cancel
Save