Back to single ticks

Author: Amalie Henni

capra-fagradar/src/tech-leader-radar/index.tsx

@@ -1,9 +1,9 @@
-import { createElement } from "react";
-import { type Blip, Radar, type Quadrant } from "../radar";
-import type { ModuleNamespace } from "vite/types/hot.js";
+import { createElement } from 'react';
+import { type Blip, Radar, type Quadrant } from '../radar';
+import type { ModuleNamespace } from 'vite/types/hot.js';
 
 // Dynamically import all mdx files in current dir
-const modules = import.meta.glob("./**/*.mdx", {
+const modules = import.meta.glob('./**/*.mdx', {
   eager: true,
 }) as ModuleNamespace;
 const unsortedBlips: Blip[] = [];
@@ -23,7 +23,7 @@ for (const modulePath in modules) {
   });
 }
 
-const quadrants = ["Organisasjon", "Prosess", "Folk", "Teknologi"];
+const quadrants = ['Organisasjon', 'Prosess', 'Folk', 'Teknologi'];
 
 const blips = unsortedBlips
   .sort((a, b) => (a.depth || 0) - (b.depth || 0))
@@ -36,35 +36,35 @@ const blips = unsortedBlips
 export const TechLeaderRadar = () => {
   const quadrants = [
     {
-      name: "Organisasjon",
-      orientation: "top-left",
-      blipColor: "#47A1AD",
-      blips: [...blips.filter((item) => item.quadrant === "Organisasjon")],
+      name: 'Organisasjon',
+      orientation: 'top-left',
+      blipColor: '#47A1AD',
+      blips: [...blips.filter((item) => item.quadrant === 'Organisasjon')],
     },
     {
-      name: "Teknologi",
-      orientation: "top-right",
-      blipColor: "#6B9E78",
-      blips: [...blips.filter((item) => item.quadrant === "Teknologi")],
+      name: 'Teknologi',
+      orientation: 'top-right',
+      blipColor: '#6B9E78',
+      blips: [...blips.filter((item) => item.quadrant === 'Teknologi')],
     },
     {
-      name: "Folk",
-      orientation: "bottom-left",
-      blipColor: "#CC8508",
-      blips: [...blips.filter((item) => item.quadrant === "Folk")],
+      name: 'Folk',
+      orientation: 'bottom-left',
+      blipColor: '#CC8508',
+      blips: [...blips.filter((item) => item.quadrant === 'Folk')],
     },
     {
-      name: "Prosess",
-      orientation: "bottom-right",
-      blipColor: "#E16A7B",
-      blips: [...blips.filter((item) => item.quadrant === "Prosess")],
+      name: 'Prosess',
+      orientation: 'bottom-right',
+      blipColor: '#E16A7B',
+      blips: [...blips.filter((item) => item.quadrant === 'Prosess')],
     },
   ] satisfies [Quadrant, Quadrant, Quadrant, Quadrant];
 
   return (
     <div>
       <h1>Teknologiledelse radar</h1>
-      <Radar type="tech-lead" quadrants={quadrants} />
+      <Radar type='tech-lead' quadrants={quadrants} />
     </div>
   );
 };