provide correct borderColor type to View

flag=none

test plan:
  - specs pass

qa risk: low

Change-Id: Ib279b62f4bf0dde50886f0389db90db260ec0597
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/274040
Reviewed-by: Weston Dransfield <wdransfield@instructure.com>
QA-Review: Weston Dransfield <wdransfield@instructure.com>
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Product-Review: Davis Hyer <dhyer@instructure.com>

jest/jest-setup.js

@@ -61,7 +61,6 @@ const ignoredErrors = [
   /invalid messageType: (notSupported|undefined)/,
   /Invalid prop `assignmentID` of type `number` supplied to `StudentFooter`/,
   /Invalid prop `background` of value `` supplied to `View`, expected one of/,
-  /Invalid prop `borderColor` of value `slate` supplied to `View`/,
   /Invalid prop `children` of type `array` supplied to `Transition`/,
   /Invalid prop `children` supplied to `(Option|View)`/,
   /Invalid prop `conversation._id` of type `number` supplied to `ComposeModalManager`/,

ui/shared/integrations/react/courses/Integrations.js

@@ -29,15 +29,8 @@ import useMicrosoftSettings from './microsoft_sync/useSettings'
 import MicrosoftSyncButton from './microsoft_sync/MicrosoftSyncButton'
 
 const Integrations = () => {
-  const [
-    msGroup,
-    msEnabled,
-    msLoading,
-    msError,
-    msToggleEnabled,
-    setMSError,
-    setMSGroup
-  ] = useMicrosoftSettings(ENV.COURSE_ID)
+  const [msGroup, msEnabled, msLoading, msError, msToggleEnabled, setMSError, setMSGroup] =
+    useMicrosoftSettings(ENV.COURSE_ID)
 
   const [msExpanded, setMSExpanded] = useState(!!msError)
   const [msInfo, setMSInfo] = useState()
@@ -51,7 +44,7 @@ const Integrations = () => {
           <View
             as="div"
             borderWidth="none none small none"
-            borderColor="slate"
+            borderColor="primary"
             padding="none small"
           >
             <Flex justifyItems="space-between">