DeveloperDocumentation DeveloperDocumentation.tsx

100% Statements 4/4

100% Branches 2/2

100% Functions 3/3

100% Lines 4/4

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
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
4x
8x
 
 
 
 
 
4x
 
 
 
 
 
8x
 
 
 
 
 
 
 
 
 
 
 
 
  import { Strip } from "@canonical/react-components";
 
import DocumentationSection from "../DocumentationSection";
 
import type { InterfaceData } from "../../types";
 
import { v4 as uuidv4 } from "uuid";
 
type Props = {
  interfaceData: InterfaceData;
};
 
function DeveloperDocumentation({ interfaceData }: Props) {
  const data = interfaceData.body.map((item) => {
    return {
      ...item,
      id: uuidv4(),
    };
  });
 
  return (
    <>
      <Strip shallow bordered>
        <h2 id="developer-documentation">Developer documentation</h2>
      </Strip>
      {data.map((item, index) => (
        <Strip
          shallow
          bordered={index !== interfaceData.body.length - 1 ? true : false}
          key={item.id}
        >
          <DocumentationSection interfaceData={item} />
        </Strip>
      ))}
    </>
  );
}
 
export default DeveloperDocumentation;