summaryrefslogtreecommitdiff
path: root/src/components/TrafficNow.js
diff options
context:
space:
mode:
authorHaishan <[email protected]>2019-04-14 22:56:14 +0800
committerHaishan <[email protected]>2019-04-14 22:56:14 +0800
commit7dac1d44c7b13184e4a1cbdb4113df2bb8db9d7e (patch)
tree44ca70a51497d5e0dddadaca384ee20541a157fe /src/components/TrafficNow.js
parent4a4f58c88a857d222fbd21749bfd7019eaee8659 (diff)
refactor: replace sass with postcss
Diffstat (limited to 'src/components/TrafficNow.js')
-rw-r--r--src/components/TrafficNow.js29
1 files changed, 13 insertions, 16 deletions
diff --git a/src/components/TrafficNow.js b/src/components/TrafficNow.js
index c24abc1..bcdd58a 100644
--- a/src/components/TrafficNow.js
+++ b/src/components/TrafficNow.js
@@ -5,7 +5,7 @@ import { useStoreState } from 'm/store';
import { getClashAPIConfig } from 'd/app';
import { fetchData } from '../api/traffic';
-import s0 from 'c/TrafficNow.module.scss';
+import s0 from 'c/TrafficNow.module.css';
export default function TrafficNow() {
const { upStr, downStr } = useSpeed();
@@ -26,20 +26,17 @@ export default function TrafficNow() {
function useSpeed() {
const [speed, setSpeed] = useState({ upStr: '0 B/s', downStr: '0 B/s' });
const { hostname, port, secret } = useStoreState(getClashAPIConfig);
- useEffect(
- () => {
- return fetchData({
- hostname,
- port,
- secret
- }).subscribe(o =>
- setSpeed({
- upStr: prettyBytes(o.up) + '/s',
- downStr: prettyBytes(o.down) + '/s'
- })
- );
- },
- [hostname, port, secret]
- );
+ useEffect(() => {
+ return fetchData({
+ hostname,
+ port,
+ secret
+ }).subscribe(o =>
+ setSpeed({
+ upStr: prettyBytes(o.up) + '/s',
+ downStr: prettyBytes(o.down) + '/s'
+ })
+ );
+ }, [hostname, port, secret]);
return speed;
}