updated react hook usage for network and battery

GoogleChromeLabs · Aug 15, 2019 · 76eca4b · 76eca4b
1 parent c363c1e
commit 76eca4b
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 10 deletions.
diff --git a/cra-battery-considerate-loading/src/components/BatteryConsiderateMedia/index.js b/cra-battery-considerate-loading/src/components/BatteryConsiderateMedia/index.js
@@ -5,8 +5,8 @@ import { useBatteryStatus } from '../../utils/hooks';
 import './battery-considerate-media.css';
 
 const BatteryConsiderateMedia = () => {
-   const batteryStatus = useBatteryStatus();
-   if (!batteryStatus) return <Fragment>Loading...</Fragment>;
+  const { batteryStatus } = useBatteryStatus();
+  if (!batteryStatus) return <Fragment>Loading...</Fragment>;
 
   console.log('[BatteryConsiderateMedia] batteryStatus, batteryStatus.unsupportMessage => ', batteryStatus, batteryStatus.unsupportMessage);
 

diff --git a/cra-battery-considerate-loading/src/utils/hooks.js b/cra-battery-considerate-loading/src/utils/hooks.js
@@ -35,7 +35,7 @@ const useBatteryStatus = () => {
   // eslint-disable-next-line
   }, []);
 
-  return batteryStatus;
+  return { batteryStatus, updateBatteryStatus };
 };
 
 export { useBatteryStatus };
diff --git a/cra-network-aware-component/src/components/ConnectionAwareMedia/index.js b/cra-network-aware-component/src/components/ConnectionAwareMedia/index.js
@@ -20,7 +20,7 @@ import { useEffectiveConnectionType } from '../../utils/hooks';
 import './connection-aware-media.css';
 
 const ConnectionAwareMedia = () => {
-  const effectiveConnectionType = useEffectiveConnectionType();
+  const { effectiveConnectionType } = useEffectiveConnectionType();
 
   console.log('[ConnectionAwareMedia] effectiveConnectionType => ', effectiveConnectionType);
 

diff --git a/cra-network-aware-component/src/utils/hooks.js b/cra-network-aware-component/src/utils/hooks.js
@@ -38,7 +38,7 @@ const useEffectiveConnectionType = () => {
   // eslint-disable-next-line
   }, []);
 
-  return effectiveConnectionType;
+  return { effectiveConnectionType, updateECTStatus };
 };
 
 export { useEffectiveConnectionType };
diff --git a/cra-network-aware-data-fetching/src/containers/IFixitSearch/index.js b/cra-network-aware-data-fetching/src/containers/IFixitSearch/index.js
@@ -25,7 +25,7 @@ import { useEffectiveConnectionType } from '../../utils/hooks';
 const IFixitSearch = () => {
   const [loading, setLoading] = useState(false);
   const [searchResults, setSearchResults] = useState([]);
-  const effectiveConnectionType = useEffectiveConnectionType();
+  const { effectiveConnectionType } = useEffectiveConnectionType();
   let searchLimit;
   switch (effectiveConnectionType) {
     // case 'offline':

diff --git a/cra-network-aware-data-fetching/src/utils/hooks.js b/cra-network-aware-data-fetching/src/utils/hooks.js
@@ -37,7 +37,7 @@ const useEffectiveConnectionType = () => {
   // eslint-disable-next-line
   }, []);
 
-  return effectiveConnectionType;
+  return { effectiveConnectionType, updateECTStatus };
 };
 
 export { useEffectiveConnectionType };
diff --git a/...ork-aware-components/src/components/elements/ConnectionAwareImage/ConnectionAwareImage.js b/...ork-aware-components/src/components/elements/ConnectionAwareImage/ConnectionAwareImage.js
@@ -20,7 +20,7 @@ import { useEffectiveConnectionType } from '../../../utils/hooks';
 import { IMAGE_BASE_URL, POSTER_SIZES } from '../../../config';
 
 const ConnectionAwareImage = ({ path, alt, ...rest }) => {
-  const effectiveConnectionType = useEffectiveConnectionType();
+  const { effectiveConnectionType } = useEffectiveConnectionType();
 
   let posterSize;
 

diff --git a/react-movie-network-aware-components/src/hoc/ConnectionAwareBgDiv/ConnectionAwareBgDiv.js b/react-movie-network-aware-components/src/hoc/ConnectionAwareBgDiv/ConnectionAwareBgDiv.js
@@ -20,7 +20,7 @@ import { useEffectiveConnectionType } from '../../utils/hooks';
 import { IMAGE_BASE_URL, BACKDROP_SIZES } from '../../config';
 
 const ConnectionAwareBgDiv = ({ children, backdropPath, ...rest }) => {
-  const effectiveConnectionType = useEffectiveConnectionType();
+  const { effectiveConnectionType } = useEffectiveConnectionType();
 
   let backdropSize;
   switch(effectiveConnectionType) {

diff --git a/react-movie-network-aware-components/src/utils/hooks.js b/react-movie-network-aware-components/src/utils/hooks.js
@@ -38,7 +38,7 @@ const useEffectiveConnectionType = () => {
   // eslint-disable-next-line
   }, []);
 
-  return effectiveConnectionType;
+  return { effectiveConnectionType, updateECTStatus };
 };
 
 export { useEffectiveConnectionType };