add safety view

Author: hannesmcman

source/views/home/home.js

@@ -13,7 +13,7 @@ import {allViews} from '../views'
 import {Column} from '@frogpond/layout'
 import {partitionByIndex} from '../../lib/partition-by-index'
 import {HomeScreenButton, CELL_MARGIN} from './button'
-import {trackedOpenUrl} from '@frogpond/open-url'
+import {trackedOpenUrl, openUrlInBrowser} from '@frogpond/open-url'
 import {EditHomeButton, OpenSettingsButton} from '@frogpond/navigation-buttons'
 import {UnofficialAppNotice} from './notice'
 
@@ -60,6 +60,8 @@ function HomePage({navigation, order, inactiveViews, views = allViews}: Props) {
 								onPress={() => {
 									if (view.type === 'url') {
 										return trackedOpenUrl({url: view.url, id: view.view})
+									} else if (view.type === 'browser-url') {
+										return openUrlInBrowser({url: view.url, id: view.view})
 									} else {
 										return navigation.navigate(view.view)
 									}

source/views/views.js

@@ -22,6 +22,16 @@ export type ViewType =
 			tint: string,
 			gradient?: [string, string],
 	  }
+	| {
+			type: 'browser-url',
+			view: string,
+			url: string,
+			title: string,
+			icon: string,
+			foreground: 'light' | 'dark',
+			tint: string,
+			gradient?: [string, string],
+	  }
 
 export const allViews: ViewType[] = [
 	{
@@ -162,6 +172,16 @@ export const allViews: ViewType[] = [
 		tint: c.periwinkle,
 		gradient: c.tealToSeafoam,
 	},
+	{
+		type: 'browser-url',
+		url: 'https://wp.stolaf.edu/safety-committee/report-a-safety-concern-2/',
+		view: 'SafetyView',
+		title: 'Safety Concerns',
+		icon: 'warning',
+		foreground: 'light',
+		tint: c.periwinkle,
+		gradient: c.tealToSeafoam,
+	},
 ]
 
 export const allViewNames = allViews.map(v => v.view)