backgrounds BackgroundWarnings.tsx

38.46% Statements 5/13

0% Branches 0/4

0% Functions 0/3

38.46% Lines 5/13

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 1x
1x
1x
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
  import React from "react";
import { useAppSelector } from "store/hooks";
import { Alert, AlertItem } from "ui/alerts/Alert";
 
interface BackgroundWarningsProps {
  id: string;
}
 
const BackgroundWarnings = ({ id }: BackgroundWarningsProps) => {
  const backgroundWarningsLookup = useAppSelector(
    (state) => state.assets.backgrounds,
  );
  const savedWarnings = backgroundWarningsLookup[id];
  const warnings = savedWarnings ? savedWarnings.warnings : [];
 
  if (warnings.length === 0) {
    return <></>;
  }
 
  return (
    <Alert variant="warning">
      {warnings.map((warning) => (
        <AlertItem key={warning}>{warning}</AlertItem>
      ))}
    </Alert>
  );
};
 
export default BackgroundWarnings;