chore: solve linter errors

Author: BryanttV

src/group-configurations/constants.ts

@@ -1,62 +1,62 @@
 import PropTypes from 'prop-types';
 
 export interface Usage {
-    label: string;
-    url: string;
+  label: string;
+  url: string;
 }
 
 export interface Group {
-    id: number;
-    name: string;
-    usage: Usage[];
-    version: number;
+  id: number;
+  name: string;
+  usage: Usage[];
+  version: number;
 }
 
 export interface AvailableGroupParameters {
-    courseId: string;
+  courseId: string;
 }
 
 export interface AvailableGroup {
-    active?: boolean;
-    description?: string;
-    groups: Group[];
-    id: number;
-    name: string;
-    parameters?: AvailableGroupParameters;
-    readOnly?: boolean;
-    scheme: string;
-    version: number;
+  active?: boolean;
+  description?: string;
+  groups: Group[];
+  id: number;
+  name: string;
+  parameters?: AvailableGroupParameters;
+  readOnly?: boolean;
+  scheme: string;
+  version: number;
 }
 
 export const availableGroupPropTypes = {
-    active: PropTypes.bool,
-    description: PropTypes.string,
-    groups: PropTypes.arrayOf(
+  active: PropTypes.bool,
+  description: PropTypes.string,
+  groups: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.number,
+      name: PropTypes.string,
+      usage: PropTypes.arrayOf(
         PropTypes.shape({
-            id: PropTypes.number,
-            name: PropTypes.string,
-            usage: PropTypes.arrayOf(
-                PropTypes.shape({
-                    label: PropTypes.string,
-                    url: PropTypes.string,
-                }),
-            ),
-            version: PropTypes.number,
+          label: PropTypes.string,
+          url: PropTypes.string,
         }),
-    ),
-    id: PropTypes.number,
-    name: PropTypes.string,
-    parameters: PropTypes.shape({
-        courseId: PropTypes.string,
+      ),
+      version: PropTypes.number,
     }),
-    readOnly: PropTypes.bool,
-    scheme: PropTypes.string,
-    version: PropTypes.number,
+  ),
+  id: PropTypes.number,
+  name: PropTypes.string,
+  parameters: PropTypes.shape({
+    courseId: PropTypes.string,
+  }),
+  readOnly: PropTypes.bool,
+  scheme: PropTypes.string,
+  version: PropTypes.number,
 };
 
 export const MESSAGE_VALIDATION_TYPES = {
-    error: 'error',
-    warning: 'warning',
+  error: 'error',
+  warning: 'warning',
 } as const;
 
 export type MessageValidationType = typeof MESSAGE_VALIDATION_TYPES[keyof typeof MESSAGE_VALIDATION_TYPES];

src/group-configurations/team-groups-section/TeamGroupsSection.test.jsx

@@ -9,7 +9,7 @@ const renderComponent = (props = {}) => {
     <TeamGroupsSection
       availableGroup={teamGroupsMock}
       {...props}
-    />
+    />,
   );
 };
 

src/group-configurations/team-groups-section/index.tsx

@@ -4,22 +4,22 @@ import { AvailableGroup } from '../constants';
 import ContentGroupCard from '../content-groups-section/ContentGroupCard';
 
 interface TeamGroupsSectionProps {
-    availableGroup: AvailableGroup;
+  availableGroup: AvailableGroup;
 }
 
 const TeamGroupsSection: React.FC<TeamGroupsSectionProps> = ({
-    availableGroup: { groups, name }
+  availableGroup: { groups, name },
 }) => (
-    <div className="mt-2.5">
-        <h2 className="lead text-black mb-3 configuration-section-name">{name}</h2>
-        {groups.map((group) => (
-            <ContentGroupCard
-                group={group}
-                key={group.id}
-                readOnly
-            />
-        ))}
-    </div>
+  <div className="mt-2.5">
+    <h2 className="lead text-black mb-3 configuration-section-name">{name}</h2>
+    {groups.map((group) => (
+      <ContentGroupCard
+        group={group}
+        key={group.id}
+        readOnly
+      />
+    ))}
+  </div>
 );
 
 export default TeamGroupsSection;