Cleanup History Details and a typo

frontend/src/Activity/History/Details/HistoryDetails.tsx

@@ -27,8 +27,6 @@ interface HistoryDetailsProps {
   sourceTitle: string;
   data: HistoryData;
   downloadId?: string;
-  shortDateFormat: string;
-  timeFormat: string;
 }
 
 function HistoryDetails(props: HistoryDetailsProps) {

frontend/src/Activity/History/Details/HistoryDetailsModal.tsx

@@ -38,8 +38,6 @@ interface HistoryDetailsModalProps {
   data: HistoryData;
   downloadId?: string;
   isMarkingAsFailed: boolean;
-  shortDateFormat: string;
-  timeFormat: string;
   onMarkAsFailedPress: () => void;
   onModalClose: () => void;
 }
@@ -52,8 +50,6 @@ function HistoryDetailsModal(props: HistoryDetailsModalProps) {
     data,
     downloadId,
     isMarkingAsFailed = false,
-    shortDateFormat,
-    timeFormat,
     onMarkAsFailedPress,
     onModalClose,
   } = props;
@@ -69,8 +65,6 @@ function HistoryDetailsModal(props: HistoryDetailsModalProps) {
             sourceTitle={sourceTitle}
             data={data}
             downloadId={downloadId}
-            shortDateFormat={shortDateFormat}
-            timeFormat={timeFormat}
           />
         </ModalBody>
 

frontend/src/Activity/History/HistoryRow.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
+import { useDispatch } from 'react-redux';
 import IconButton from 'Components/Link/IconButton';
 import RelativeDateCell from 'Components/Table/Cells/RelativeDateCell';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
@@ -20,7 +20,6 @@ import { QualityModel } from 'Quality/Quality';
 import SeriesTitleLink from 'Series/SeriesTitleLink';
 import useSeries from 'Series/useSeries';
 import { fetchHistory, markAsFailed } from 'Store/Actions/historyActions';
-import createUISettingsSelector from 'Store/Selectors/createUISettingsSelector';
 import CustomFormat from 'typings/CustomFormat';
 import { HistoryData, HistoryEventType } from 'typings/History';
 import formatCustomFormatScore from 'Utilities/Number/formatCustomFormatScore';
@@ -72,10 +71,6 @@ function HistoryRow(props: HistoryRowProps) {
   const series = useSeries(seriesId);
   const episode = useEpisode(episodeId, 'episodes');
 
-  const { shortDateFormat, timeFormat } = useSelector(
-    createUISettingsSelector()
-  );
-
   const [isDetailsModalOpen, setIsDetailsModalOpen] = useState(false);
 
   const handleDetailsPress = useCallback(() => {
@@ -260,8 +255,6 @@ function HistoryRow(props: HistoryRowProps) {
         data={data}
         downloadId={downloadId}
         isMarkingAsFailed={isMarkingAsFailed}
-        shortDateFormat={shortDateFormat}
-        timeFormat={timeFormat}
         onMarkAsFailedPress={handleMarkAsFailedPress}
         onModalClose={handleDetailsModalClose}
       />

frontend/src/Components/Table/Cells/TableRowCell.tsx

@@ -1,11 +1,11 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import styles from './TableRowCell.css';
 
-export interface TableRowCellprops extends ComponentPropsWithoutRef<'td'> {}
+export interface TableRowCellProps extends ComponentPropsWithoutRef<'td'> {}
 
 export default function TableRowCell({
   className = styles.cell,
   ...tdProps
-}: TableRowCellprops) {
+}: TableRowCellProps) {
   return <td className={className} {...tdProps} />;
 }