routes root.tsx

100% Statements 7/7

100% Branches 2/2

100% Functions 2/2

100% Lines 7/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34  
 
 
 
 
 
 
 
 
 
5x
5x
 
5x
 
5x
5x
2x
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
  import { useEffect } from "react";
import { Outlet, useParams } from "react-router-dom";
import { useSetRecoilState } from "recoil";
 
import { SectionHeader, SectionNav } from "../components";
 
import { usePackage } from "../hooks";
import { packageDataState } from "../state/atoms";
 
function Root() {
  const { packageName } = useParams();
  const setPackageData = useSetRecoilState(packageDataState);
  const { data: packageData, status: packageDataStatus } =
    usePackage(packageName);
 
  useEffect(() => {
    if (packageDataStatus === "success") {
      setPackageData(packageData);
    }
  }, [packageData]);
 
  return (
    <>
      <SectionHeader />
      <div className="u-fixed-width">
        <SectionNav />
        <Outlet />
      </div>
    </>
  );
}
 
export default Root;