Fix TypeScript errors and remove unused props

Author: franklioxygen

src/App.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import PixelComparison from './components/PixelComparison'
-import ImageGallery from './components/ImageGallery'
 import FocalLength from './components/FocalLength'
+import ImageGallery from './components/ImageGallery'
+import PixelComparison from './components/PixelComparison'
 
 const App = () => {
   const [selectedPixels, setSelectedPixels] = useState<number[]>([])
@@ -94,7 +94,7 @@ const App = () => {
         )}
 
         {activeTab === 'focal' && (
-          <FocalLength selectedPixels={selectedPixels} />
+          <FocalLength />
         )}
 
         {(activeTab !== 'focal' && selectedPixels.length === 0) && (

src/components/FocalLength.tsx

@@ -1,7 +1,6 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 interface FocalLengthProps {
-  selectedPixels: number[];
 }
 
 // Function to calculate field of view based on focal length
@@ -12,7 +11,7 @@ function focalLengthToFOV(focalLength: number, sensorWidth = 36) {
   return degrees;
 }
 
-const FocalLength: React.FC<FocalLengthProps> = ({ selectedPixels }) => {
+const FocalLength: React.FC<FocalLengthProps> = () => {
   const [focalLength, setFocalLength] = useState(50); // Default 50mm focal length
   const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
   const imageRef = useRef<HTMLImageElement>(null);

src/components/PixelComparison.tsx

@@ -19,8 +19,6 @@ const calculateDimensions = (megapixels: number): { width: number; height: numbe
   const dimensions = pixelDimensions[megapixels];
 
   // Use a fixed scale factor for all resolutions to maintain the exact relative sizes
-  // We'll base it on the largest dimension to ensure everything fits on screen
-  const largestDimension = pixelDimensions[100].width; // 11648 is the largest width
   const scaleFactor = 0.05; // Adjust this to make blocks fit on screen
 
   // Apply the same scale factor to all resolutions to maintain exact relative sizes