Add (Fork) at title

src/components/CreateTeam/UpdateTeamResourceModal.tsx

@@ -8,7 +8,6 @@ import { useOutsideClick } from '../../hooks/use-outside-click';
 import { useKeydown } from '../../hooks/use-keydown';
 import type { TeamResourceConfig } from './RoadmapSelector';
 import { useToast } from '../../hooks/use-toast';
-import {replaceChildren} from "../../lib/dom.ts";
 
 export type ProgressMapProps = {
   teamId: string;
@@ -82,8 +81,7 @@ export function UpdateTeamResourceModal(props: ProgressMapProps) {
       fontURL: '/fonts/balsamiq.woff2',
     });
 
-    replaceChildren(containerEl.current!, svg);
-    // containerEl.current?.replaceChildren(svg);
+    containerEl.current?.replaceChildren(svg);
 
     // Render team configuration
     removedItems.forEach((topicId: string) => {

src/components/FrameRenderer/renderer.ts

@@ -10,7 +10,6 @@ import {
 import type { ResourceProgressType, ResourceType } from '../../lib/resource-progress';
 import { pageProgressMessage } from '../../stores/page';
 import { showLoginPopup } from '../../lib/popup';
-import {replaceChildren} from "../../lib/dom.ts";
 
 export class Renderer {
   resourceId: string;
@@ -89,8 +88,7 @@ export class Renderer {
         });
       })
       .then((svg) => {
-        replaceChildren(this.containerEl!, svg);
-        // this.containerEl?.replaceChildren(svg);
+        this.containerEl?.replaceChildren(svg);
       })
       .then(() => {
         return renderResourceProgress(

src/components/TeamProgress/MemberProgressModal.tsx

@@ -17,7 +17,6 @@ import { useToast } from '../../hooks/use-toast';
 import { useAuth } from '../../hooks/use-auth';
 import { pageProgressMessage } from '../../stores/page';
 import { MemberProgressModalHeader } from './MemberProgressModalHeader';
-import {replaceChildren} from "../../lib/dom.ts";
 
 export type ProgressMapProps = {
   member: TeamMember;
@@ -92,8 +91,7 @@ export function MemberProgressModal(props: ProgressMapProps) {
       fontURL: '/fonts/balsamiq.woff2',
     });
 
-    replaceChildren(containerEl.current!, svg);
-    // containerEl.current?.replaceChildren(svg);
+    containerEl.current?.replaceChildren(svg);
   }
 
   useKeydown('Escape', () => {

src/data/roadmaps/devops/devops.md

@@ -7,7 +7,6 @@ briefDescription: 'Step by step guide for DevOps or operations role in 2023'
 title: 'DevOps Roadmap'
 description: 'Step by step guide for DevOps, SRE or any other Operations Role in 2023'
 hasTopics: true
-isForkable: true
 tnsBannerLink: 'https://thenewstack.io?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Alert'
 question:
   title: 'What is DevOps?'

src/lib/dom.ts

@@ -1,8 +0,0 @@
-export function replaceChildren(parentNode: Element, newChild: Element) {
-  if (parentNode.replaceChildren) {
-    return parentNode.replaceChildren(newChild);
-  }
-
-  parentNode.innerHTML = '';
-  parentNode.append(newChild);
-}