Refactor image and icon loading error handling

thecodingmachine · Oct 9, 2024 · 1e110b8 · 1e110b8
1 parent 26d7146
commit 1e110b8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/template/src/components/atoms/AssetByVariant/AssetByVariant.tsx b/template/src/components/atoms/AssetByVariant/AssetByVariant.tsx
@@ -36,7 +36,10 @@ function AssetByVariant({ path, extension = 'png', ...props }: Props) {
         setImage(fetchedModule);
       } catch (error) {
         // eslint-disable-next-line no-console
-        console.error(`Couldn't load the image: ${path}.${extension} for the variant ${variant}, Fallback to default`, error);
+        console.error(
+          `Couldn't load the image: ${path}.${extension} for the variant ${variant}, Fallback to default`,
+          error,
+        );
         setImage(defaultSource);
       }
     } catch (error) {

diff --git a/template/src/components/atoms/IconByVariant/IconByVariant.tsx b/template/src/components/atoms/IconByVariant/IconByVariant.tsx
@@ -37,10 +37,12 @@ function IconByVariant({ path, ...props }: Props) {
         setIcon(fetchedModule.default);
       } catch (error) {
         // eslint-disable-next-line no-console
-        console.error(`Couldn't load the icon: ${path}.${EXTENSION} for the variant ${variant}, Fallback to default`, error);
+        console.error(
+          `Couldn't load the icon: ${path}.${EXTENSION} for the variant ${variant}, Fallback to default`,
+          error,
+        );
         setIcon(defaultSource.default);
       }
-
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(`Couldn't load the icon: ${path}.${EXTENSION}`, error);