Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-16 17:51:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

- fix issue with firebase-hooks

Browse Source 
- implement custom useAuthState
This commit is contained in:
Amruth Pillai
2020-07-06 19:53:47 +05:30
parent 862ff7cdc1
commit 4e064dba96
11 changed files with 465 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/builder/right/RightNavbar.js
View File

@ -1,11 +1,11 @@
import cx from "classnames";
import React, { useContext } from "react";
import { MdPerson, MdSync } from "react-icons/md";
import { MdPerson, MdSync, MdSyncDisabled } from "react-icons/md";
import DatabaseContext from "../../../contexts/DatabaseContext";
import styles from "./RightNavbar.module.css";
const RightNavbar = () => {
const { isUpdating } = useContext(DatabaseContext);
const { isOffline, isUpdating } = useContext(DatabaseContext);
return (
<div className={styles.container}>
@ -16,7 +16,13 @@ const RightNavbar = () => {
/>
</div>
<MdSync size="24px" className={cx("mt-auto", { spin: isUpdating })} />
<div className="text-4xl mt-auto">
{isOffline ? (
<MdSyncDisabled className="text-red-600" />
) : (
<MdSync className={cx({ spin: isUpdating })} />
)}
</div>
</div>
);
};