joeyzheng1412-daohq-ticker-react 1.0.0 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/components/Ticker.js +22 -16
package/package.json
CHANGED
package/src/components/Ticker.js
CHANGED
@@ -3,7 +3,7 @@ import Marquee from "react-fast-marquee";
|
|
3
3
|
import Dao from "./Dao";
|
4
4
|
import "./Ticker.css";
|
5
5
|
|
6
|
-
const Ticker = () => {
|
6
|
+
const Ticker = ({ format }) => {
|
7
7
|
const data = [
|
8
8
|
{
|
9
9
|
name: "DAOHQIndex",
|
@@ -62,21 +62,27 @@ const Ticker = () => {
|
|
62
62
|
chart: "chart",
|
63
63
|
},
|
64
64
|
];
|
65
|
-
|
66
|
-
|
67
|
-
<
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
65
|
+
if (format === "wide") {
|
66
|
+
return (
|
67
|
+
<div className="TickerContainer">
|
68
|
+
<Dao key={data[0].symbol} dao={data[0]} />
|
69
|
+
<Marquee
|
70
|
+
speed={20}
|
71
|
+
pauseOnHover={false}
|
72
|
+
pauseOnClick
|
73
|
+
gradient={false}
|
74
|
+
>
|
75
|
+
{data.slice(1).map((dao) => {
|
76
|
+
return <Dao key={dao.symbol} dao={dao} />;
|
77
|
+
})}
|
78
|
+
</Marquee>
|
79
|
+
</div>
|
80
|
+
);
|
81
|
+
} else if (format === "card") {
|
82
|
+
return <div>Card Format Here</div>;
|
83
|
+
} else {
|
84
|
+
return <div>Invalid format input</div>;
|
85
|
+
}
|
80
86
|
};
|
81
87
|
|
82
88
|
export default Ticker;
|