lib.umich.edu/gatsby-shared.js at master · mlibrary/lib.umich.edu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React from 'react';
import { Script } from 'gatsby';
import SkipLinks from './src/components/skip-links';

export const wrapPageElement = ({ element }) => {
  return (
    <>
      <Script src='https://umich.edu/apis/umalerts/umalerts.js' />
      <Script type='module' src='https://cdn.jsdelivr.net/npm/@umich-lib/web@latest/dist/umich-lib/umich-lib.esm.js' />
      <div
        css={{
          display: 'grid',
          gridTemplateColumns: '100%',
          gridTemplateRows: 'auto auto 1fr',
          minHeight: '100%'
        }}
      >
        <div>
          <SkipLinks />
          <div
            css={{
              backgroundColor: 'var(--color-blue-100)',
              minHeight: '37px'
            }}
          >
            <m-universal-header></m-universal-header>
          </div>
        </div>
        {element}
      </div>
      <aside aria-label='Ask a Libararian Chat'>
        <m-chat id='chat'></m-chat>
      </aside>
    </>
  ); ;
};