Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-19 03:01:53 +10:00
Code Issues Packages Projects Releases Wiki Activity

- switching from firestore to realtime DB

Browse Source 
- implement debouncing tactic to sync data
- display sync indicator
This commit is contained in:
Amruth Pillai
2020-07-06 00:25:31 +05:30
parent 49a867dd37
commit 65fc779d58
15 changed files with 180 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,12 @@
import React from "react";
import { MdPerson } from "react-icons/md";
import cx from "classnames";
import React, { useContext } from "react";
import { MdPerson, MdSync } from "react-icons/md";
import DatabaseContext from "../../../contexts/DatabaseContext";
import styles from "./RightNavbar.module.css";
const RightNavbar = () => {
const { isUpdating } = useContext(DatabaseContext);
return (
<div className={styles.container}>
<div className="grid grid-cols-1 gap-6">
@ -11,6 +15,8 @@ const RightNavbar = () => {
size="20px"
/>
</div>
<MdSync size="24px" className={cx("mt-auto", { spin: isUpdating })} />
</div>
);
};