cleanup examples

ant-design · Feb 3, 2024 · c0fde5e · c0fde5e
1 parent 5a99cd1
commit c0fde5e
Show file tree

Hide file tree

Showing 27 changed files with 11 additions and 47 deletions.
diff --git a/examples/AdaptiveHeight.js b/examples/AdaptiveHeight.js
@@ -13,7 +13,6 @@ function AdaptiveHeight() {
 
   return (
     <div>
-      <h2>Adaptive height</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AppendDots.js b/examples/AppendDots.js
@@ -33,7 +33,6 @@ function AppendDots() {
   };
   return (
     <div>
-      <h2>Append Dots</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AsNavFor.js b/examples/AsNavFor.js
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from "react";
 import Slider from "react-slick";
 
-function AsNavFor(props) {
+function AsNavFor() {
   const [nav1, setNav1] = useState(null);
   const [nav2, setNav2] = useState(null);
   let sliderRef1 = useRef(null);

diff --git a/examples/AutoPlay.js b/examples/AutoPlay.js
@@ -14,7 +14,6 @@ function AutoPlay() {
   };
   return (
     <div>
-      <h2>Auto Play</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AutoPlayMethods.js b/examples/AutoPlayMethods.js
@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import Slider from "react-slick";
 
-function AutoPlayMethods(props) {
+function AutoPlayMethods() {
   let sliderRef = useRef(null);
   const play = () => {
     sliderRef.slickPlay();

diff --git a/examples/CenterMode.js b/examples/CenterMode.js
@@ -12,7 +12,6 @@ function CenterMode() {
   };
   return (
     <div>
-      <h2>Center Mode</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/CustomArrows.js b/examples/CustomArrows.js
@@ -2,7 +2,6 @@ import React, { Component } from "react";
 import Slider from "react-slick";
 
 function SampleNextArrow(props) {
-  console.log(props);
   const { className, style, onClick } = props;
   return (
     <div
@@ -35,7 +34,6 @@ function CustomArrows() {
   };
   return (
     <div>
-      <h2>Custom Arrows</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/CustomPaging.js b/examples/CustomPaging.js
@@ -20,7 +20,6 @@ function CustomPaging() {
   };
   return (
     <div>
-      <h2>Custom Paging</h2>
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/CustomSlides.js b/examples/CustomSlides.js
@@ -10,7 +10,7 @@ function CustomSlide(props) {
   );
 }
 
-function SimpleSlider() {
+function CustomSlides() {
   const settings = {
     dots: true,
     infinite: true,
@@ -20,7 +20,6 @@ function SimpleSlider() {
   };
   return (
     <div>
-      <h2>Custom Slides</h2>
       <Slider {...settings}>
         <CustomSlide index={1} />
         <CustomSlide index={2} />

diff --git a/examples/DynamicSlides.js b/examples/DynamicSlides.js
@@ -1,31 +1,22 @@
 import React, { useState } from "react";
 import Slider from "react-slick";
 
-function DynamicSlides(props) {
+function DynamicSlides() {
   const [slides, setSlides] = useState([1, 2, 3, 4, 5, 6]);
   const handleClick = () => {
     setSlides(
       slides.length === 6 ? [1, 2, 3, 4, 5, 6, 7, 8, 9] : [1, 2, 3, 4, 5, 6]
     );
   };
-  // click() {
-  //   const { slides } = this.state;
-  //   this.setState({
-  //     slides:
-  //       slides.length === 6 ? [1, 2, 3, 4, 5, 6, 7, 8, 9] : [1, 2, 3, 4, 5, 6]
-  //   });
-  // }
   const settings = {
     dots: true,
     infinite: true,
     speed: 500,
     slidesToShow: 3,
-    slidesToScroll: 3,
-    ...props
+    slidesToScroll: 3
   };
   return (
     <div>
-      <h2>Dynamic slides</h2>
       <button className="button" onClick={handleClick}>
         Click to change slide count
       </button>

diff --git a/examples/Fade.js b/examples/Fade.js
@@ -14,7 +14,6 @@ function Fade() {
   };
   return (
     <div>
-      <h2>Fade</h2>
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/FocusOnSelect.js b/examples/FocusOnSelect.js
@@ -11,7 +11,6 @@ function FocusOnSelect() {
   };
   return (
     <div>
-      <h2>FocusOnSelect</h2>
       <div>Click on any slide to select and make it current slide</div>
       <Slider {...settings}>
         <div>

diff --git a/examples/LazyLoad.js b/examples/LazyLoad.js
@@ -14,7 +14,6 @@ function LazyLoad() {
   };
   return (
     <div>
-      <h2> Lazy Load</h2>
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/MultipleItems.js b/examples/MultipleItems.js
@@ -11,7 +11,6 @@ function MultipleItems() {
   };
   return (
     <div>
-      <h2> Multiple items </h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/MultipleRows.js b/examples/MultipleRows.js
@@ -14,7 +14,6 @@ function MultipleRows() {
   };
   return (
     <div>
-      <h2>Multiple Rows</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/PauseOnHover.js b/examples/PauseOnHover.js
@@ -13,7 +13,6 @@ function PauseOnHover() {
   };
   return (
     <div>
-      <h2>Pause On Hover</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/PreviousNextMethods.js b/examples/PreviousNextMethods.js
@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import Slider from "react-slick";
 
-function PreviousNextMethods(props) {
+function PreviousNextMethods() {
   let sliderRef = useRef(null);
   const next = () => {
     sliderRef.slickNext();
@@ -14,12 +14,10 @@ function PreviousNextMethods(props) {
     infinite: true,
     speed: 500,
     slidesToShow: 1,
-    slidesToScroll: 1,
-    ...props
+    slidesToScroll: 1
   };
   return (
     <div>
-      <h2>Previous and Next methods</h2>
       <Slider
         ref={slider => {
           sliderRef = slider;

diff --git a/examples/Responsive.js b/examples/Responsive.js
@@ -38,7 +38,6 @@ function Responsive() {
   };
   return (
     <div>
-      <h2> Responsive </h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/SimpleSlider.js b/examples/SimpleSlider.js
@@ -1,18 +1,16 @@
 import React from "react";
 import Slider from "react-slick";
 
-function SimpleSlider(props) {
+function SimpleSlider() {
   const settings = {
     dots: true,
     infinite: true,
     speed: 500,
     slidesToShow: 1,
-    slidesToScroll: 1,
-    ...props
+    slidesToScroll: 1
   };
   return (
     <div>
-      <h2> Single Item</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/SlickGoTo.js b/examples/SlickGoTo.js
@@ -2,7 +2,7 @@ import React, { useState, useRef } from "react";
 import Slider from "react-slick";
 import { baseUrl } from "./config";
 
-function SlickGoTo(props) {
+function SlickGoTo() {
   const [slideIndex, setSlideIndex] = useState(0);
   const [updateCount, setUpdateCount] = useState(0);
   let sliderRef = useRef(null);
@@ -13,12 +13,10 @@ function SlickGoTo(props) {
     slidesToShow: 1,
     slidesToScroll: 1,
     afterChange: () => setUpdateCount(updateCount + 1),
-    beforeChange: (current, next) => setSlideIndex(next),
-    ...props
+    beforeChange: (current, next) => setSlideIndex(next)
   };
   return (
     <div>
-      <h2>Slick Go To</h2>
       <p>Total updates: {updateCount} </p>
       <input
         onChange={e => sliderRef.slickGoTo(e.target.value)}

diff --git a/examples/SwipeToSlide.js b/examples/SwipeToSlide.js
@@ -16,7 +16,6 @@ function SwipeToSlide() {
   };
   return (
     <div>
-      <h2>Swipe To Slide</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/UnevenSetsFinite.js b/examples/UnevenSetsFinite.js
@@ -11,7 +11,6 @@ function UnevenSetsFinite() {
   };
   return (
     <div>
-      <h2>Uneven sets (finite)</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/UnevenSetsInfinite.js b/examples/UnevenSetsInfinite.js
@@ -11,7 +11,6 @@ function UnevenSetsInfinite() {
   };
   return (
     <div>
-      <h2>Uneven sets (infinite)</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/VariableWidth.js b/examples/VariableWidth.js
@@ -13,7 +13,6 @@ function VariableWidth() {
   };
   return (
     <div>
-      <h2>Variable width</h2>
       <Slider {...settings}>
         <div style={{ width: 100 }}>
           <p>100</p>

diff --git a/examples/VerticalMode.js b/examples/VerticalMode.js
@@ -18,7 +18,6 @@ function VerticalMode() {
   };
   return (
     <div>
-      <h2>Vertical Mode</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/VerticalSwipeToSlide.js b/examples/VerticalSwipeToSlide.js
@@ -19,7 +19,6 @@ function VerticalSwipeToSlide() {
   };
   return (
     <div>
-      <h2>Vertical Mode with Swipe To Slide</h2>
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/docs/config.js → examples/config.js b/docs/config.js → examples/config.js