Random Random.tsx

0% Statements 0/11

0% Branches 0/4

0% Functions 0/2

0% Lines 0/11

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Center, Spinner } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
import { Redirect } from "react-router-dom";
import type { CatalogPackage, Packages } from "../../api/package/packages";
import { useCatalog } from "../../hooks/useCatalog";
import { getPackagePath } from "../../util/url";
 
const getRandomPkg = (catalog: Packages): CatalogPackage => {
  const packages = catalog.packages;
  const idx = Math.floor(Math.random() * packages.length);
  return packages[idx];
};
 
export const Random: FunctionComponent = () => {
  const catalog = useCatalog();
 
  if (catalog.isLoading || !catalog.data) {
    return (
      <Center minH="16rem">
        <Spinner size="xl" />
      </Center>
    );
  }
 
  const pkg = getRandomPkg(catalog.data);
  const url = getPackagePath({
    name: pkg.name,
    version: pkg.version,
  });
 
  return <Redirect to={url} />;
};