From 85814053520e33dab1781b0a2e4730c8e320f486 Mon Sep 17 00:00:00 2001
From: igoroctaviano <igoroctaviano@gmail.com>
Date: Thu, 4 Mar 2021 09:28:32 -0300
Subject: [PATCH] Add logger to viewport grid

---
 platform/ui/src/contextProviders/LoggerProvider.js         | 4 ++--
 .../viewer/src/components/ViewportGrid/ViewportGrid.js     | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/platform/ui/src/contextProviders/LoggerProvider.js b/platform/ui/src/contextProviders/LoggerProvider.js
index a43c26a79..624a788fe 100644
--- a/platform/ui/src/contextProviders/LoggerProvider.js
+++ b/platform/ui/src/contextProviders/LoggerProvider.js
@@ -60,7 +60,7 @@ const LoggerProvider = ({ children, service }) => {
   };
 
   /**
-   * Sets the implementation of a log service that can be used by extensions.
+   * Sets the implementation of a log service that can be used by extensions
    *
    * @returns void
    */
@@ -74,7 +74,7 @@ const LoggerProvider = ({ children, service }) => {
 };
 
 /**
- * Higher Order Component to use the log methods through a Class Component.
+ * Higher Order Component to use the log methods through a Class Component
  *
  * @returns
  */
diff --git a/platform/viewer/src/components/ViewportGrid/ViewportGrid.js b/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
index 862c251fb..2541caf08 100644
--- a/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
+++ b/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
@@ -4,7 +4,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { utils } from '@ohif/core';
-import { useSnackbarContext } from '@ohif/ui';
+import { useSnackbarContext, useLogger } from '@ohif/ui';
 //
 import ViewportPane from './ViewportPane.js';
 import DefaultViewport from './DefaultViewport.js';
@@ -12,7 +12,7 @@ import EmptyViewport from './EmptyViewport.js';
 
 const { loadAndCacheDerivedDisplaySets } = utils;
 
-const ViewportGrid = function (props) {
+const ViewportGrid = function(props) {
   const {
     activeViewportIndex,
     availablePlugins,
@@ -36,14 +36,15 @@ const ViewportGrid = function (props) {
   }
 
   const snackbar = useSnackbarContext();
+  const logger = useLogger();
 
   useEffect(() => {
     if (isStudyLoaded) {
       viewportData.forEach(displaySet => {
         const promises = loadAndCacheDerivedDisplaySets(displaySet, studies);
-
         promises.forEach(promise => {
           promise.catch(error => {
+            logger.error({ error, message: error.message });
             snackbar.show({
               title: 'Error loading derived display set:',
               message: error.message,