Update components to work with Pterodactyl@1.9.1

Author: TheFallenSpirit

.gitignore

@@ -0,0 +1 @@
+/.idea/

resources/scripts/components/dashboard/knowledgebase/KnowledgebaseContainer.tsx

@@ -1,7 +1,6 @@
 import React, {useEffect} from 'react';
 import PageContentBlock from "@/components/elements/PageContentBlock";
 import useFlash from "@/plugins/useFlash";
-import { faBook } from "@fortawesome/free-solid-svg-icons";
 import useSWR from "swr";
 import {categories, Category} from "@/api/knowledgebase";
 import tw from "twin.macro";
@@ -34,7 +33,7 @@ const KnowledgebaseContainer = () => {
                         :
                         <div css={tw`w-full flex flex-wrap justify-evenly md:justify-between`}>
                             {data.map((category: Category) => (
-                                <TitledGreyBox title={category.name} css={tw`w-9/12 md:w-5/12 lg:w-3/10 mb-6`}>
+                                <TitledGreyBox title={category.name} css={tw`w-9/12 md:w-5/12 lg:w-[30%] mb-6`}>
                                     <div css={tw`h-16 whitespace-normal text-sm`}>
                                         <p dangerouslySetInnerHTML={{ __html: category.description }}/>
                                     </div>
@@ -52,4 +51,4 @@ const KnowledgebaseContainer = () => {
     )
 };
 
-export default KnowledgebaseContainer;
+export default KnowledgebaseContainer;

resources/scripts/components/dashboard/knowledgebase/QuestionsContainer.tsx

@@ -11,10 +11,6 @@ import MessageBox from "@/components/MessageBox";
 import GreyRowBox from "@/components/elements/GreyRowBox";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 
-interface Props {
-    id: string;
-}
-
 const QuestionsContainer = () => {
     const match = useRouteMatch<{ id: string }>();
     const { clearFlashes, clearAndAddHttpError } = useFlash();
@@ -68,4 +64,4 @@ const QuestionsContainer = () => {
     )
 }
 
-export default QuestionsContainer;
+export default QuestionsContainer;

resources/scripts/components/dashboard/knowledgebase/ViewQuestion.tsx

@@ -1,10 +1,9 @@
 import React, {useEffect} from "react";
-import {RouteComponentProps, useRouteMatch} from "react-router-dom";
+import {useRouteMatch} from "react-router-dom";
 import useFlash from "@/plugins/useFlash";
 import useSWR from "swr";
 import {question} from "@/api/knowledgebase";
 import PageContentBlock from "@/components/elements/PageContentBlock";
-import {faBook} from "@fortawesome/free-solid-svg-icons";
 import tw from "twin.macro";
 import Spinner from "@/components/elements/Spinner";
 import TitledGreyBox from "@/components/elements/TitledGreyBox";
@@ -33,7 +32,7 @@ const ViewQuestion = () => {
                         <strong>Updated:</strong> {data.updated_at}<br/>
                         <strong>Created:</strong> {data.created_at}<br/>
                     </TitledGreyBox>
-                    <ContentBox css={tw`w-full mt-4 md:mt-0 md:ml-4 md:w-73/100`}>
+                    <ContentBox css={tw`w-full mt-4 md:mt-0 md:ml-4 md:w-[73%]`}>
                         <span dangerouslySetInnerHTML={{ __html: data.information }}/>
                     </ContentBox>
                 </div>
@@ -42,4 +41,4 @@ const ViewQuestion = () => {
     )
 };
 
-export default ViewQuestion;
+export default ViewQuestion;