6232925978

Committed 19 Sep 2023 08:14AM UTC coverage: 44.776%. Remained the same

Build # 6232925978

Build Type

Pull #356

github

Committed by

web-flow

Commit Message

Update dependency graphql to v16

Pull Request Pull Request #356: Update dependency graphql to v16

Run Details

34 of 135 branches covered (0.0%)

120 of 268 relevant lines covered (44.78%)

0.85 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/pages/donor.js

import React from 'react'
import cx from 'classnames'
import Layout from '../components/layout'
import ProfileSteps from '../components/profile-steps'
import NameDrop from '../components/name-drop'
import style from './donor.module.css'

const Donor = () => {
  return (
    <Layout>
      <ProfileSteps active="basic" />
      <h1 className="mb-6 mt-12">Complete your donor profile</h1>
      <p className="mb-6 text-black text-opacity-50">
        <NameDrop prefix="Welcome, " suffix="! " />
        Before we can start matching you with the right potential parties,
        we&rsquo;ll need to know more about you.
      </p>
      <p className="mb-12">
        <a href="/">Looking for donors instead?</a>
      </p>
      <h2 className="mt-6 mb-3">About you</h2>
      <p className="mb-6 text-black text-opacity-50">
        Please provide your full legal name below. We&rsquo;ll only share this
        information when you accept a contact request from a recipient.
      </p>
      <form className={style.form}>
        <div className={style.row}>
          <div className="w-1/3 px-3 mb-0">
            <label className={style.label} htmlFor="grid-first-name">
              First Name
              <input
                className={style.input}
                id="grid-first-name"
                type="text"
                placeholder=""
              />
            </label>
          </div>
        </div>
        <div className={style.row}>
          <div className="w-1/3 px-3">
            <label className={style.label} htmlFor="grid-last-name">
              Middle Name
              <input
                className={style.input}
                id="grid-middle-name"
                type="text"
                placeholder=""
              />
            </label>
            <p className="text-gray-600 text-xs italic">
              If no middle name, leave empty
            </p>
          </div>
        </div>
        <div className={style.row}>
          <div className="w-1/3 px-3">
            <label className={style.label} htmlFor="grid-last-name">
              Last Name
              <input
                className={style.input}
                id="grid-last-name"
                type="text"
                placeholder=""
              />
            </label>
          </div>
        </div>
        <h2 className="mt-12 mb-3">Your address</h2>
        <p className="mb-12 text-black text-opacity-50">
          Please provide your mailing address. We&rsquo;ll need this for legal
          reasons, and we won&rsquo;t share this with anyone without your
          consent.
        </p>
        <div className={style.row}>
          <div className="w-1/2 px-3">
            <label className={style.label} htmlFor="grid-address1">
              Street address
              <input
                className={style.input}
                id="grid-address1"
                type="text"
                placeholder=""
              />
            </label>
          </div>
        </div>
        <div className={style.row}>
          <div className="w-1/2 px-3">
            <label className={style.label} htmlFor="grid-address2">
              Street address line 2
              <input
                className={style.input}
                id="grid-address2"
                type="text"
                placeholder=""
              />
            </label>
          </div>
        </div>
        <div className="flex flex-wrap -mx-3 mb-2">
          <div className="w-1/4 px-3 mb-0">
            <label className={style.label} htmlFor="grid-city">
              City
              <input
                className={style.input}
                id="grid-city"
                type="text"
                placeholder=""
              />
            </label>
          </div>
          <div className="w-1/8 px-3 mb-0">
            <label className={style.label} htmlFor="grid-state">
              State
              <div className="relative">
                <select
                  className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
                  id="grid-state"
                >
                  <option>New Mexico</option>
                  <option>Missouri</option>
                  <option>Texas</option>
                </select>
                <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
                  <svg
                    className="fill-current h-4 w-4"
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 20 20"
                  >
                    <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
                  </svg>
                </div>
              </div>
            </label>
          </div>
          <div className="w-1/8 px-3 mb-0">
            <label className={style.label} htmlFor="grid-zip">
              Zip code
              <input
                className={style.input}
                id="grid-zip"
                type="text"
                placeholder="90210"
              />
            </label>
          </div>
        </div>
        <div className={style.row}>
          <div className="mt-3 px-3">
            <label className={style.label} htmlFor="certify">
              <input
                id="certify"
                type="checkbox"
                className="form-checkbox h-6 w-6"
              />
              <span className="ml-2 text-base">
                I certify that the information I have provided above is true
              </span>
            </label>
          </div>
        </div>
        <div className={style.row}>
          <div className="w-full mt-3 px-3">
            <input
              type="submit"
              className={cx(
                'bg-arapawa',
                'text-white',
                'items-center',
                'shadow-md',
                'rounded-lg',
                'justify-center',
                'button',
                'px-16'
              )}
              value="Save and continue"
            />
          </div>
        </div>
      </form>
      <div className="mb-32" />
      <style jsx>{`
        h2 {
          font-family: Ruda;
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          line-height: 180%;
        }
        .button {
          text-transform: uppercase;
          height: 57px;
          font-family: Oswald;
          font-style: normal;
          font-weight: normal;
          font-size: 21px;
          line-height: 31px;
        }
      `}</style>
    </Layout>
  )
}

export default Donor

1	import React from 'react'
2	import cx from 'classnames'
3	import Layout from '../components/layout'
4	import ProfileSteps from '../components/profile-steps'
5	import NameDrop from '../components/name-drop'
6	import style from './donor.module.css'
7
8	const Donor = () => {	×
9	return (	×
10	<Layout>
11	<ProfileSteps active="basic" />
12	<h1 className="mb-6 mt-12">Complete your donor profile</h1>
13	<p className="mb-6 text-black text-opacity-50">
14	<NameDrop prefix="Welcome, " suffix="! " />
15	Before we can start matching you with the right potential parties,
16	we’ll need to know more about you.
17	</p>
18	<p className="mb-12">
19	<a href="/">Looking for donors instead?</a>
20	</p>
21	<h2 className="mt-6 mb-3">About you</h2>
22	<p className="mb-6 text-black text-opacity-50">
23	Please provide your full legal name below. We’ll only share this
24	information when you accept a contact request from a recipient.
25	</p>
26	<form className={style.form}>
27	<div className={style.row}>
28	<div className="w-1/3 px-3 mb-0">
29	<label className={style.label} htmlFor="grid-first-name">
30	First Name
31	<input
32	className={style.input}
33	id="grid-first-name"
34	type="text"
35	placeholder=""
36	/>
37	</label>
38	</div>
39	</div>
40	<div className={style.row}>
41	<div className="w-1/3 px-3">
42	<label className={style.label} htmlFor="grid-last-name">
43	Middle Name
44	<input
45	className={style.input}
46	id="grid-middle-name"
47	type="text"
48	placeholder=""
49	/>
50	</label>
51	<p className="text-gray-600 text-xs italic">
52	If no middle name, leave empty
53	</p>
54	</div>
55	</div>
56	<div className={style.row}>
57	<div className="w-1/3 px-3">
58	<label className={style.label} htmlFor="grid-last-name">
59	Last Name
60	<input
61	className={style.input}
62	id="grid-last-name"
63	type="text"
64	placeholder=""
65	/>
66	</label>
67	</div>
68	</div>
69	<h2 className="mt-12 mb-3">Your address</h2>
70	<p className="mb-12 text-black text-opacity-50">
71	Please provide your mailing address. We’ll need this for legal
72	reasons, and we won’t share this with anyone without your
73	consent.
74	</p>
75	<div className={style.row}>
76	<div className="w-1/2 px-3">
77	<label className={style.label} htmlFor="grid-address1">
78	Street address
79	<input
80	className={style.input}
81	id="grid-address1"
82	type="text"
83	placeholder=""
84	/>
85	</label>
86	</div>
87	</div>
88	<div className={style.row}>
89	<div className="w-1/2 px-3">
90	<label className={style.label} htmlFor="grid-address2">
91	Street address line 2
92	<input
93	className={style.input}
94	id="grid-address2"
95	type="text"
96	placeholder=""
97	/>
98	</label>
99	</div>
100	</div>
101	<div className="flex flex-wrap -mx-3 mb-2">
102	<div className="w-1/4 px-3 mb-0">
103	<label className={style.label} htmlFor="grid-city">
104	City
105	<input
106	className={style.input}
107	id="grid-city"
108	type="text"
109	placeholder=""
110	/>
111	</label>
112	</div>
113	<div className="w-1/8 px-3 mb-0">
114	<label className={style.label} htmlFor="grid-state">
115	State
116	<div className="relative">
117	<select
118	className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
119	id="grid-state"
120	>
121	<option>New Mexico</option>
122	<option>Missouri</option>
123	<option>Texas</option>
124	</select>
125	<div className="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
126	<svg
127	className="fill-current h-4 w-4"
128	xmlns="http://www.w3.org/2000/svg"
129	viewBox="0 0 20 20"
130	>
131	<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
132	</svg>
133	</div>
134	</div>
135	</label>
136	</div>
137	<div className="w-1/8 px-3 mb-0">
138	<label className={style.label} htmlFor="grid-zip">
139	Zip code
140	<input
141	className={style.input}
142	id="grid-zip"
143	type="text"
144	placeholder="90210"
145	/>
146	</label>
147	</div>
148	</div>
149	<div className={style.row}>
150	<div className="mt-3 px-3">
151	<label className={style.label} htmlFor="certify">
152	<input
153	id="certify"
154	type="checkbox"
155	className="form-checkbox h-6 w-6"
156	/>
157	<span className="ml-2 text-base">
158	I certify that the information I have provided above is true
159	</span>
160	</label>
161	</div>
162	</div>
163	<div className={style.row}>
164	<div className="w-full mt-3 px-3">
165	<input
166	type="submit"
167	className={cx(
168	'bg-arapawa',
169	'text-white',
170	'items-center',
171	'shadow-md',
172	'rounded-lg',
173	'justify-center',
174	'button',
175	'px-16'
176	)}
177	value="Save and continue"
178	/>
179	</div>
180	</div>
181	</form>
182	<div className="mb-32" />
183	<style jsx>{`
184	h2 {
185	font-family: Ruda;
186	font-style: normal;
187	font-weight: bold;
188	font-size: 18px;
189	line-height: 180%;
190	}
191	.button {
192	text-transform: uppercase;
193	height: 57px;
194	font-family: Oswald;
195	font-style: normal;
196	font-weight: normal;
197	font-size: 21px;
198	line-height: 31px;
199	}
200	`}</style>
201	</Layout>
202	)
203	}
204
205	export default Donor

theunhatched / unhatched / 6232925978

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous