Components indexed.

src/components/index.ts

@@ -0,0 +1,7 @@
+export { default as ErrorMessage } from './errorMessage';
+export { default as DetailCard } from './inspectModules';
+export { default as WhatsThisLogo } from './logo';
+export { DrawMenu, HomeMenu } from './menu';
+export { IPAddressGeo, MyIpAddressModal, UserAgentModel } from './modals';
+export { GeneralTemplate, ReportDNSError, ReportInspectionError } from './reportButton';
+export { ServiceIcon } from './ServiceIcon';

src/components/inspectModules.tsx

@@ -1,7 +1,7 @@
 
 import { Button, Card, CardActions, CardContent, Chip, Typography } from "@mui/material";
 import { IInspectionDetails } from "../interfaces";
-import { ServiceIcon } from "./ServiceIcon";
+import { ServiceIcon } from ".";
 
 interface Props {
 	details?: IInspectionDetails;

src/components/modals.tsx

@@ -7,7 +7,7 @@ import axios from "axios";
 import countryCodeEmoji from "country-code-emoji";
 import { useContext, useEffect, useState } from "react";
 import UAParser from "ua-parser-js";
-import { IIPCollection, IIPGeolocation } from "../interfaces";
+import { DialogTitleProps, IIPCollection, IIPGeolocation } from "../interfaces";
 import { ConnectionContext } from "../context";
 
 const BootstrapDialog = styled(Dialog)(({ theme }) => ({
@@ -19,12 +19,6 @@ const BootstrapDialog = styled(Dialog)(({ theme }) => ({
 	},
 }));
 
-export interface DialogTitleProps {
-	id: string;
-	children?: React.ReactNode;
-	onClose: () => void;
-}
-
 const BootstrapDialogTitle = (props: DialogTitleProps) => {
 	const { children, onClose, ...other } = props;
 

src/interfaces.ts

@@ -1,6 +1,12 @@
 import { GridColumns } from "@mui/x-data-grid";
 import { SecondType } from "./enums";
 
+export interface DialogTitleProps {
+	id: string;
+	children?: React.ReactNode;
+	onClose: () => void;
+}
+
 export interface IOpenAPI {
 	info: IOpenAPIInfo;
 }

src/pages/domain.tsx

@@ -6,9 +6,8 @@ import { DataGrid, GridColumns } from "@mui/x-data-grid";
 import { FormEvent, MouseEvent, useContext, useEffect, useState } from "react";
 import agent from '../api/agent';
 import { ILookupTable, ILookupTableLayout, IDNSRecordDetails, IDomainSelection, IDNSResult } from "../interfaces";
-import { IPAddressGeo, MyIpAddressModal } from "../components/modals";
+import { IPAddressGeo, MyIpAddressModal, ReportDNSError } from "../components";
 import '../theme/grid.css';
-import { ReportDNSError } from "../components/reportButton";
 import { ConnectionContext } from "../context";
 import { isValidIP } from "../utils/stringUtils";
 

src/pages/help.tsx

@@ -5,7 +5,7 @@ import agent from "../api/agent";
 import GitHubIcon from '@mui/icons-material/GitHub';
 import CachedIcon from '@mui/icons-material/Cached';
 import CloudOffIcon from '@mui/icons-material/CloudOff';
-import WhatsThisLogo from "../components/logo";
+import { WhatsThisLogo } from "../components";
 import { IStorage } from "../interfaces";
 import { ConnectionContext } from "../context";
 import { formatBytes } from "../utils/stringUtils";

src/pages/home.tsx

@@ -1,7 +1,7 @@
 import { Typography, Box, Link } from '@mui/material';
 import { useEffect } from 'react';
 import { useNavigate } from "react-router-dom";
-import { HomeMenu } from "../components/menu";
+import { HomeMenu } from '../components';
 
 const Home = () => {
 	const navigate = useNavigate();

src/pages/inspection.tsx

@@ -3,9 +3,7 @@ import { Button, TextField, Grid, Typography, CircularProgress, Box, Alert, Aler
 import { useNavigate } from 'react-router-dom';
 import agent from '../api/agent';
 import { IInspectionDetails } from '../interfaces';
-import { UserAgentModel } from '../components/modals';
-import { ReportInspectionError } from '../components/reportButton';
-import DetailCard from '../components/inspectModules';
+import { DetailCard, ReportInspectionError, UserAgentModel } from '../components';
 import { ConnectionContext } from "../context";
 
 const siteTitle = "Site Inspector";