Fix console warnings & compilation errors

swrobel · Aug 18, 2023 · 7158079 · 7158079
1 parent 0d49027
commit 7158079
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/app/javascript/components/BuoyChart.jsx b/app/javascript/components/BuoyChart.jsx
@@ -5,6 +5,9 @@ import Bugsnag from '@bugsnag/js'
 
 const BuoyChart = props => {
   const options = {
+    accessibility: {
+      enabled: false,
+    },
     chart: {
       marginRight: 2,
       spacingLeft: 0,
@@ -58,7 +61,7 @@ const BuoyChart = props => {
       },
     },
   }
-  const ErrorBoundary = Bugsnag.getPlugin('react')?.createErrorBoundary(React) || React.Fragment
+  const ErrorBoundary = Bugsnag.client ? Bugsnag.getPlugin('react')?.createErrorBoundary(React) : React.Fragment
 
   return(
     <ErrorBoundary>

diff --git a/app/javascript/components/SpotChart.jsx b/app/javascript/components/SpotChart.jsx
@@ -5,6 +5,9 @@ import Bugsnag from '@bugsnag/js'
 
 const SpotChart = props => {
   const options = {
+    accessibility: {
+      enabled: false,
+    },
     chart: {
       marginRight: 2,
       spacingLeft: 0,
@@ -89,7 +92,7 @@ const SpotChart = props => {
       },
     },
   }
-  const ErrorBoundary = Bugsnag.getPlugin('react')?.createErrorBoundary(React) || React.Fragment
+  const ErrorBoundary = Bugsnag.client ? Bugsnag.getPlugin('react')?.createErrorBoundary(React) : React.Fragment
 
   return(
     <ErrorBoundary>

diff --git a/app/views/regions/buoys.slim b/app/views/regions/buoys.slim
@@ -13,8 +13,8 @@
     - to && reports.dig(to + 1, :timestamp)&.hour == 23 && to += 1
     = react_component 'BuoyChart', {\
         data: [\
-          { name: 'Swell waves', color: '#C3874B', marker: {symbol: "url(#{asset_pack_path('static/swell-marker.svg')})"}, data: reports.collect { |point| { y: point[:swell_wave_height], swell: point[:ground_swell_height], period: point[:ground_swell_period], direction: point[:ground_swell_direction], tooltip_time: point[:tooltip_time], className: "dir-#{point[:ground_swell_direction].round}" } } },
-          { name: 'Wind waves', color: '#4799E6', marker: {symbol: "url(#{asset_pack_path('static/wind-marker.svg')})"}, data: reports.collect { |point| { y: point[:wind_wave_height], swell: point[:wind_swell_height], period: point[:wind_swell_period], direction: point[:wind_swell_direction], className: "dir-#{point[:wind_swell_direction].round}" } } },
+          { name: 'Swell waves', color: '#C3874B', marker: {symbol: "url(#{asset_pack_path('static/images/swell-marker.svg')})"}, data: reports.collect { |point| { y: point[:swell_wave_height], swell: point[:ground_swell_height], period: point[:ground_swell_period], direction: point[:ground_swell_direction], tooltip_time: point[:tooltip_time], className: "dir-#{point[:ground_swell_direction].round}" } } },
+          { name: 'Wind waves', color: '#4799E6', marker: {symbol: "url(#{asset_pack_path('static/images/wind-marker.svg')})"}, data: reports.collect { |point| { y: point[:wind_wave_height], swell: point[:wind_swell_height], period: point[:wind_swell_period], direction: point[:wind_swell_direction], className: "dir-#{point[:wind_swell_direction].round}" } } },
         ],
         max: @max,
         plotBands: to && [{\