Add default export to weather and wallpaper section imports

src/screens/LocationDetails/WeatherSection.tsx

@@ -1,7 +1,5 @@
 import { CurvedThemedView, View as ThemedView } from "@/components";
-import CityTitle from "@/weather/components/CityTitle";
-import ForecastRow from "@/weather/components/ForecastRow";
-import WeatherDetails from "@/weather/components/WeatherDetails";
+import { CityTitle, ForecastRow, WeatherDetails } from "@/weather/components";
 import { Forecast, Weather } from "@/weather/interfaces";
 import React from "react";
 import { StyleSheet, View } from "react-native";

src/screens/LocationRequest/LocationRequestBody.tsx

@@ -2,18 +2,19 @@ import Colors from "@/constants/Colors";
 import { SweatherErrorCode } from "@/error/error-logic";
 import { useDeviceLocales } from "@/hooks";
 import useWallpaper from "@/wallpaper/hooks/useWallpaper";
-import useWeatherForecast, {
-  LocationQuery,
-} from "@/weather/hooks/useWeatherForecast";
+import {
+  UseWeatherAndForecastProps,
+  useWeatherForecast,
+} from "@/weather/hooks";
 import { useNavigation } from "@react-navigation/native";
 import React, { useEffect, useState } from "react";
 import { ActivityIndicator, StyleSheet, View } from "react-native";
 import ErrorSection from "./ErrorSection";
 import SearchSection from "./SearchSection";
 
-const LocationRequestBody: React.FC = () => {
+const LocationRequestBody = () => {
   const navigation = useNavigation();
-  const [geoData, setGeoData] = useState<Omit<LocationQuery, "device">>(
+  const [geoData, setGeoData] = useState<Omit<UseWeatherAndForecastProps, "device">>(
     {} as never
   );
   const [locationDenied, setLocationDenied] = useState(false);

src/wallpaper/assets/images/index.ts

@@ -0,0 +1,9 @@
+import bg1 from "./background_1.jpg";
+import bg2 from "./background_2.jpg";
+import bg3 from "./background_3.jpg";
+import bg4 from "./background_4.jpg";
+import bg5 from "./background_5.jpg";
+
+export const BACKGROUND_LIST = [bg1, bg2, bg3, bg4, bg5];
+
+export default BACKGROUND_LIST;

src/wallpaper/services/wallpaper.ts

@@ -1,15 +1,10 @@
 import { wallpaperApi } from "../api";
 import { WallpaperEndpoint } from "../api/endpoints";
-import bg1 from "../assets/images/background_1.jpg";
-import bg2 from "../assets/images/background_2.jpg";
-import bg3 from "../assets/images/background_3.jpg";
-import bg4 from "../assets/images/background_4.jpg";
-import bg5 from "../assets/images/background_5.jpg";
+import BACKGROUND_LIST from "../assets/images";
 import { Wallpaper, WallpaperResponse } from "../interfaces";
 
 const PER_PAGE = 3; // retrieves 3 wallpaper and choose one of them
 const ORIENTATION = "portrait";
-const BACKGROUND_LIST = [bg1, bg2, bg3, bg4, bg5];
 
 type BackgroundQuery = {
   query: string;

src/weather/components/CityTitle.tsx

@@ -10,7 +10,7 @@ interface CityTitleProps {
   countryCode: string;
 }
 
-const CityTitle: React.FC<CityTitleProps> = ({ city, countryCode }) => {
+const CityTitle = ({ city, countryCode }: CityTitleProps) => {
   let regionName = "-";
   if (countryCode) {
     regionName = i18n.locale.includes("es")
@@ -33,8 +33,6 @@ const CityTitle: React.FC<CityTitleProps> = ({ city, countryCode }) => {
   );
 };
 
-export default CityTitle;
-
 const styles = StyleSheet.create({
   cityText: {
     fontSize: 36,
@@ -53,3 +51,5 @@ const styles = StyleSheet.create({
     fontSize: 16,
   },
 });
+
+export default CityTitle;

src/weather/components/ConditionIcon.tsx

@@ -1,18 +1,10 @@
 import Colors from "@/constants/Colors";
-import { ICON_DEFAULT_PROPS } from "@/constants/Icon";
+import ICON_DEFAULT_PROPS from "@/constants/Icon";
 import { Icon } from "@/interfaces";
 import React from "react";
 import { Condition, Weather } from "../interfaces";
 import { hasDaylight } from "../utils/time";
-import Cloud from "./icons/Cloud";
-import Fog from "./icons/Fog";
-import Moon from "./icons/Moon";
-import Rain from "./icons/Rain";
-import Snow from "./icons/Snow";
-import Storm from "./icons/Storm";
-import Sun from "./icons/Sun";
-import Tornado from "./icons/Tornado";
-import Wind from "./icons/Wind";
+import { Cloud, Fog, Moon, Rain, Snow, Storm, Sun, Tornado, Wind } from "./icons";
 
 type ConditionIconProps = {
   condition: Weather["condition"];

src/weather/components/ConditionRow.tsx

@@ -45,8 +45,6 @@ const ConditionRow = ({
   );
 };
 
-export default ConditionRow;
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -59,3 +57,5 @@ const styles = StyleSheet.create({
     marginLeft: 5,
   },
 });
+
+export default ConditionRow;

src/weather/components/ForecastRow.tsx

@@ -28,10 +28,10 @@ const ForecastRow = ({ hours, sunrise, sunset }: Forecast) => {
   );
 };
 
-export default ForecastRow;
-
 const styles = StyleSheet.create({
   forecastRow: {
     paddingHorizontal: 10,
   },
 });
+
+export default ForecastRow;

src/weather/components/TimeWeather.tsx

@@ -43,8 +43,6 @@ const TimeWeather = ({
   );
 };
 
-export default TimeWeather;
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "column",
@@ -57,3 +55,5 @@ const styles = StyleSheet.create({
     fontSize: 16,
   },
 });
+
+export default TimeWeather;

src/weather/components/WeatherDetails.tsx

@@ -41,8 +41,6 @@ const WeatherDetails = ({
   );
 };
 
-export default WeatherDetails;
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -56,3 +54,5 @@ const styles = StyleSheet.create({
     marginTop: 25,
   },
 });
+
+export default WeatherDetails;

src/weather/components/icons/index.ts

@@ -1,9 +1,21 @@
-export * from "./Cloud";
-export * from "./Fog";
-export * from "./Moon";
-export * from "./Rain";
-export * from "./Snow";
-export * from "./Storm";
-export * from "./Sun";
-export * from "./Tornado";
-export * from "./Wind";
+import Cloud from "./Cloud";
+import Fog from "./Fog";
+import Moon from "./Moon";
+import Rain from "./Rain";
+import Snow from "./Snow";
+import Storm from "./Storm";
+import Sun from "./Sun";
+import Tornado from "./Tornado";
+import Wind from "./Wind";
+
+export {
+    Cloud,
+    Fog,
+    Moon,
+    Rain,
+    Snow,
+    Storm,
+    Sun,
+    Tornado,
+    Wind
+};

src/weather/components/index.ts

@@ -0,0 +1,5 @@
+import CityTitle from "./CityTitle";
+import ForecastRow from "./ForecastRow";
+import WeatherDetails from "./WeatherDetails";
+
+export { CityTitle, ForecastRow, WeatherDetails };

src/weather/hooks/index.ts

@@ -0,0 +1,3 @@
+import useWeatherForecast, { UseWeatherAndForecastProps } from "./useWeatherForecast";
+
+export { UseWeatherAndForecastProps, useWeatherForecast };

src/weather/hooks/useWeatherForecast.ts

@@ -6,7 +6,7 @@ import {
 import { useEffect, useState } from "react";
 import { Coordinates, Forecast, Weather } from "../interfaces";
 
-export type LocationQuery = {
+export type UseWeatherAndForecastProps = {
   location: string;
   coordinates: Coordinates;
   device: {
@@ -18,7 +18,7 @@ const getWeatherAndForecast = async ({
   location,
   coordinates,
   device,
-}: LocationQuery) => {
+}: UseWeatherAndForecastProps) => {
   const [weather, forecast] = await Promise.all([
     getCurrentWeather({
       location,
@@ -39,7 +39,7 @@ export default function useWeatherForecast({
   location,
   coordinates,
   device: { locale },
-}: LocationQuery) {
+}: UseWeatherAndForecastProps) {
   const [weather, setWeather] = useState<Weather>();
   const [forecast, setForecast] = useState<Forecast>();
   const [isLoading, setLoading] = useState<boolean>(false);