lint fixes

Author: vas3a

src-ts/declarations.d.ts

@@ -30,7 +30,7 @@ declare module '*.md' {
     export default value
 }
 
-declare module "*.txt" {
-    const value: string;
-    export default value;
+declare module '*.txt' {
+    const value: string
+    export default value
 }

src-ts/lib/modals/base-modal/BaseModal.tsx

@@ -1,18 +1,18 @@
 import classNames from 'classnames'
 import { FC, ReactNode } from 'react'
 import Modal, { ModalProps } from 'react-responsive-modal'
-import { LoadingSpinner } from '../../loading-spinner'
 
+import { LoadingSpinner } from '../../loading-spinner'
 import { IconOutline } from '../../svgs'
 
 import styles from './BaseModal.module.scss'
-import { useFetchModalContent } from './use-fetch-modal-content'
+import { ModalContentResponse, useFetchModalContent } from './use-fetch-modal-content'
 
 export interface BaseModalProps extends ModalProps {
+    contentClassName?: string
+    contentUrl?: string
     size?: 'lg' | 'md'
     title: string
-    contentUrl?: string
-    contentClassName?: string
 }
 
 const BaseModal: FC<BaseModalProps> = ({
@@ -23,7 +23,7 @@ const BaseModal: FC<BaseModalProps> = ({
     ...props
 }: BaseModalProps) => {
 
-    const { content } = useFetchModalContent(contentUrl, props.open)
+    const { content }: ModalContentResponse = useFetchModalContent(contentUrl, props.open)
 
     const renterContent: () => ReactNode = () => {
         if (children || !contentUrl) {

src-ts/lib/modals/base-modal/use-fetch-modal-content.tsx

@@ -1,7 +1,12 @@
-import {Dispatch, SetStateAction, useEffect, useState} from 'react';
-import { xhrGetAsync } from '../../functions';
+import {Dispatch, SetStateAction, useEffect, useState} from 'react'
 
-export function useFetchModalContent(contentUrl?: string, enabled?: boolean) {
+import { xhrGetAsync } from '../../functions'
+
+export interface ModalContentResponse {
+    content: string | undefined
+}
+
+export function useFetchModalContent(contentUrl?: string, enabled?: boolean): ModalContentResponse {
     const [content, setContent]: [string|undefined, Dispatch<SetStateAction<string|undefined>>] = useState()
 
     useEffect(() => {
@@ -14,5 +19,5 @@ export function useFetchModalContent(contentUrl?: string, enabled?: boolean) {
         }
     }, [contentUrl, content, enabled])
 
-    return {content}
+    return { content }
 }

src-ts/lib/modals/privacy-policy-modal/PrivacyPolicyModal.tsx

@@ -1,4 +1,4 @@
-import { Dispatch, FC, MouseEvent, MutableRefObject, SetStateAction, useEffect, useState, useRef } from 'react'
+import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 
 import { ProfileProvider } from '../../profile-provider'
 import { BaseModal } from '../base-modal'
@@ -21,9 +21,9 @@ const PrivacyPolicyModal: FC<PrivacyPolicyModalProps> = ({ isOpen, onClose }: Pr
     }
 
     useEffect(() => {
-      document.addEventListener('open:support', openSupportModal);
-      return () => document.removeEventListener('open:support', openSupportModal);
-    }, []);
+      document.addEventListener('open:support', openSupportModal)
+      return () => document.removeEventListener('open:support', openSupportModal)
+    }, [])
 
     return (
         <>

src-ts/lib/modals/terms-modal/TermsModal.tsx

@@ -2,8 +2,8 @@ import { FC } from 'react'
 
 import { BaseModal } from '../base-modal'
 
-import styles from './TermsModal.module.scss'
 import contentUrl from './terms.content.txt'
+import styles from './TermsModal.module.scss'
 
 interface TermsModalProps {
     isOpen: boolean