Tabs to spaces, single quotes to double quotes

Author: hanneolsen

src/App.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import './App.css';
+import React from "react";
+import "./App.css";
 import FavoritesMap from "./components/FavoritesMap";
 
 function App() {
-  return (
-    <div className="App">
-    <h1>Top 3 hot chocolate locations in Oslo</h1>
-      <FavoritesMap />
-    </div>
-  );
+    return (
+        <div className="App">
+        <h1>Top 3 hot chocolate locations in Oslo</h1>
+          <FavoritesMap />
+        </div>
+    );
 }
 
 export default App;

src/components/FavoritesMap.tsx

@@ -1,70 +1,70 @@
-import L, { LatLngExpression } from 'leaflet';
-import 'leaflet/dist/leaflet.css';
-import { MapContainer, Marker, TileLayer, Popup } from 'react-leaflet';
+import L, { LatLngExpression } from "leaflet";
+import "leaflet/dist/leaflet.css";
+import { MapContainer, Marker, TileLayer, Popup } from "react-leaflet";
 import React from "react";
 import { HotChocolate } from "../domain/domain";
 
 const showMarkers = window.location.hash === "#show-markers";
 
 const list : HotChocolate[] = [
-	{
-		productName: "Varm belgisk sjokolade",
-		englishProductName: "Belgian hot chocolate",
-		vendor: "Steam kaffebar",
-		location: "Jernbanetorget 1, Østbanehallen",
-		lat: 59.91088362120013, 
-		lon: 10.752799203777597
-	},
-	{
-		productName: "Varm sjokolade",
-		englishProductName: "Hot chocolate",
-		vendor: "Kaffebrenneriet",
-		location: "Karl Johans gate 7, Arkaden",
-		lat: 59.91181003626315, 
-		lon: 10.747782602301388
-	},
-	{
-		productName: "Sjokolade på pinne",
-		englishProductName: "Hot chocolate on a stick",
-		vendor: "Espresso House",
-		location: "Jernbanetorget 1, Østbanehallen",
-		lat: 59.91201090441835, 
-		lon: 10.751298468298101,
-		description: "Seasonally available"
-	}
+    {
+        productName: "Varm belgisk sjokolade",
+        englishProductName: "Belgian hot chocolate",
+        vendor: "Steam kaffebar",
+        location: "Jernbanetorget 1, Østbanehallen",
+        lat: 59.91088362120013, 
+        lon: 10.752799203777597
+    },
+    {
+        productName: "Varm sjokolade",
+        englishProductName: "Hot chocolate",
+        vendor: "Kaffebrenneriet",
+        location: "Karl Johans gate 7, Arkaden",
+        lat: 59.91181003626315, 
+        lon: 10.747782602301388
+    },
+    {
+        productName: "Sjokolade på pinne",
+        englishProductName: "Hot chocolate on a stick",
+        vendor: "Espresso House",
+        location: "Jernbanetorget 1, Østbanehallen",
+        lat: 59.91201090441835, 
+        lon: 10.751298468298101,
+        description: "Seasonally available"
+    }
 ];
 
 const icon : L.DivIcon = L.divIcon({
-	className: 'hot-chocolate-icon',
-	iconSize: [30, 30],
-	iconAnchor: [0, 0],
-	popupAnchor: [15, 0]
+    className: "hot-chocolate-icon",
+    iconSize: [30, 30],
+    iconAnchor: [0, 0],
+    popupAnchor: [15, 0]
 });
 
 export default function FavoritesMap() {
-	// Default coordinates set to Oslo Sentral station
-	const position : LatLngExpression = [59.91174337077401, 10.750425582038146];
-	const zoom : number = 15;
+    // Default coordinates set to Oslo Sentral station
+    const position : LatLngExpression = [59.91174337077401, 10.750425582038146];
+    const zoom : number = 15;
 
-	return (
-		<MapContainer center={position} zoom={zoom} scrollWheelZoom={false}>
-			<TileLayer
-			attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
-			url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-			/>
-			{showMarkers && list.map((item, index) => 
-				<Marker icon={icon} key={index} position={[item.lat, item.lon]} title={`${item.englishProductName} at ${item.vendor}`}>
-					<Popup>
-						<strong>{item.englishProductName} at {item.vendor}</strong><br />
-						<p>Look for <strong>{item.productName}</strong> on the menu.</p>
-						<p>
-			{item.location}</p>
-						{item.description && 
-							<em>{item.description}</em>
-						}
-					</Popup>
-				</Marker>
-			)}
-		</MapContainer>
-		)
+    return (
+        <MapContainer center={position} zoom={zoom} scrollWheelZoom={false}>
+            <TileLayer
+            attribution="&copy; <a href='http://osm.org/copyright'>OpenStreetMap</a> contributors"
+            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+            />
+            {showMarkers && list.map((item, index) => 
+                <Marker icon={icon} key={index} position={[item.lat, item.lon]} title={`${item.englishProductName} at ${item.vendor}`}>
+                    <Popup>
+                        <strong>{item.englishProductName} at {item.vendor}</strong><br />
+                        <p>Look for <strong>{item.productName}</strong> on the menu.</p>
+                        <p>
+            {item.location}</p>
+                        {item.description && 
+                            <em>{item.description}</em>
+                        }
+                    </Popup>
+                </Marker>
+            )}
+        </MapContainer>
+        )
 };