@@ -79,6 +79,20 @@ exports[`<Sketchlist /> snapshot testing 1`] = `
79
79
</span >
80
80
</button >
81
81
</th >
82
+ <th
83
+ scope = " col"
84
+ >
85
+ <button
86
+ aria-label = " Sort by Make Private descending."
87
+ class = " sketch-list__sort-button"
88
+ >
89
+ <span
90
+ class = " sketches-table__header"
91
+ >
92
+ Make Private
93
+ </span >
94
+ </button >
95
+ </th >
82
96
<th
83
97
scope = " col"
84
98
/>
@@ -88,14 +102,12 @@ exports[`<Sketchlist /> snapshot testing 1`] = `
88
102
<tr
89
103
class = " sketches-table__row"
90
104
>
91
- <th
105
+ <th
92
106
scope = " row"
93
- class = " sketches-table_name"
94
107
>
95
108
<a
96
109
href = " /happydog/sketches/testid1"
97
110
>
98
- <LockIcon />
99
111
testsketch1
100
112
</a >
101
113
</th >
@@ -105,6 +117,47 @@ exports[`<Sketchlist /> snapshot testing 1`] = `
105
117
<td >
106
118
Feb 26, 2021, 4:58:29 AM
107
119
</td >
120
+ <td >
121
+ <div >
122
+ <input
123
+ class = " visibility__toggle-checkbox"
124
+ id = " toggle-testid1"
125
+ type = " checkbox"
126
+ />
127
+ <label
128
+ class = " visibility__toggle-label"
129
+ for = " toggle-testid1"
130
+ >
131
+ <svg
132
+ class = " lock"
133
+ fill = " none"
134
+ height = " 11"
135
+ viewBox = " 0 0 8 11"
136
+ width = " 8"
137
+ xmlns = " http://www.w3.org/2000/svg"
138
+ >
139
+ <path
140
+ d = " M8 5.68627V10.0784C8 10.5882 7.54067 11 7.00478 11H0.995215C0.440191 11 0 10.5686 0 10.0784V5.68627C0 5.17647 0.440191 4.7451 0.995215 4.7451C1.09035 4.7451 1.16746 4.66798 1.16746 4.57285V2.90196C1.16746 1.29412 2.43062 0 3.98086 0C5.55024 0 6.8134 1.29412 6.8134 2.90196V4.55371C6.8134 4.65941 6.89908 4.7451 7.00478 4.7451C7.54067 4.7451 8 5.15686 8 5.68627ZM2.33716 3.11732C2.34653 4.01904 3.08017 4.7451 3.98194 4.7451C4.89037 4.7451 5.62679 4.00867 5.62679 3.10024V2.90196C5.62679 1.96078 4.89952 1.21569 3.98086 1.21569C3.10048 1.21569 2.33493 1.96078 2.33493 2.90196L2.33716 3.11732Z"
141
+ fill = " white"
142
+ fill-opacity = " 0.4"
143
+ />
144
+ </svg >
145
+ <svg
146
+ class = " earth"
147
+ fill = " none"
148
+ height = " 10"
149
+ viewBox = " 0 0 10 10"
150
+ width = " 10"
151
+ xmlns = " http://www.w3.org/2000/svg"
152
+ >
153
+ <path
154
+ d="M10 5C10 5.42308 9.96154 5.80769 9.86539 6.15385C9.32692 8.34615 7.34615 10 5 10C2.57692 10 0.538462 8.25 0.0961538 5.96154C0.0384615 5.65385 0 5.34615 0 5V4.98077C0 4.84615 7.26432e-08 4.73077 0.0192308 4.63461C0.125111 3.25818 0.781552 2.01128 1.78053 1.1614C1.91355 1.04823 2.15362 1.13705 2.32692 1.11538C2.67308 1.03846 2.90385 0.788462 3.07692 0.846154C3.26923 0.903846 3.42308 1.11538 3.19231 1.26923C2.94231 1.40385 2.88462 1.63462 3.01923 1.75C3.15385 1.86538 3.34615 1.63462 3.61538 1.63462C3.88462 1.63462 4.21154 1.96154 4.19231 2.21154C4.15385 2.55769 4.15385 3 4.30769 3.28846C4.46154 3.57692 4.80769 4.01923 5.23077 4.13462C5.61539 4.23077 6.26923 4.32692 6.34615 4.34615C6.63419 4.45588 6.57131 4.6983 6.33349 4.89437C6.21892 4.98883 6.11852 5.09107 6.09615 5.17308C5.86539 5.88462 6.84615 6.11538 6.67308 6.59615C6.55769 6.94231 6.17308 7.28846 6.03846 7.63462C5.95671 7.84484 5.9246 8.14727 5.98523 8.37391C6.02693 8.52981 6.28488 8.43597 6.40385 8.32692C6.63462 8.13462 7.11539 7.44231 7.44231 7.21154C7.78846 6.98077 8.57692 6.78846 8.82692 6.01923C8.96154 5.59615 8.94231 5.21154 8.36539 4.88462C7.78846 4.55769 8.17308 4.15385 7.67308 4.15385C7.17308 4.15385 7.15385 4.34615 6.78846 4.21154C5.53846 3.71154 5.90385 3.23077 6.21154 3.21154C6.34615 3.19231 6.48077 3.25 6.65385 3.32692C6.82692 3.42308 6.88462 3.32692 6.84615 3.05769C6.80769 2.78846 6.86539 2.42308 7 1.98077C7.21154 1.26923 6.80769 0.634615 6.19231 0.557692C5.61539 0.442308 5.57692 0.653846 5.19231 1.07692C4.90385 1.40385 4.34615 1.13462 3.88462 0.807692C3.61454 0.611276 3.90971 0.105968 4.2399 0.0560849C4.48198 0.019514 4.72894 0 4.98077 0C7.69649 0 9.91771 2.18723 9.97993 4.91613C9.9806 4.94511 10 4.97101 10 5Z"
155
+ fill = " #929292"
156
+ />
157
+ </svg >
158
+ </label >
159
+ </div >
160
+ </td >
108
161
<td
109
162
class = " sketch-list__dropdown-column"
110
163
>
@@ -141,6 +194,47 @@ exports[`<Sketchlist /> snapshot testing 1`] = `
141
194
<td >
142
195
Feb 23, 2021, 5:40:43 PM
143
196
</td >
197
+ <td >
198
+ <div >
199
+ <input
200
+ class = " visibility__toggle-checkbox"
201
+ id = " toggle-testid2"
202
+ type = " checkbox"
203
+ />
204
+ <label
205
+ class = " visibility__toggle-label"
206
+ for = " toggle-testid2"
207
+ >
208
+ <svg
209
+ class = " lock"
210
+ fill = " none"
211
+ height = " 11"
212
+ viewBox = " 0 0 8 11"
213
+ width = " 8"
214
+ xmlns = " http://www.w3.org/2000/svg"
215
+ >
216
+ <path
217
+ d = " M8 5.68627V10.0784C8 10.5882 7.54067 11 7.00478 11H0.995215C0.440191 11 0 10.5686 0 10.0784V5.68627C0 5.17647 0.440191 4.7451 0.995215 4.7451C1.09035 4.7451 1.16746 4.66798 1.16746 4.57285V2.90196C1.16746 1.29412 2.43062 0 3.98086 0C5.55024 0 6.8134 1.29412 6.8134 2.90196V4.55371C6.8134 4.65941 6.89908 4.7451 7.00478 4.7451C7.54067 4.7451 8 5.15686 8 5.68627ZM2.33716 3.11732C2.34653 4.01904 3.08017 4.7451 3.98194 4.7451C4.89037 4.7451 5.62679 4.00867 5.62679 3.10024V2.90196C5.62679 1.96078 4.89952 1.21569 3.98086 1.21569C3.10048 1.21569 2.33493 1.96078 2.33493 2.90196L2.33716 3.11732Z"
218
+ fill = " white"
219
+ fill-opacity = " 0.4"
220
+ />
221
+ </svg >
222
+ <svg
223
+ class = " earth"
224
+ fill = " none"
225
+ height = " 10"
226
+ viewBox = " 0 0 10 10"
227
+ width = " 10"
228
+ xmlns = " http://www.w3.org/2000/svg"
229
+ >
230
+ <path
231
+ d="M10 5C10 5.42308 9.96154 5.80769 9.86539 6.15385C9.32692 8.34615 7.34615 10 5 10C2.57692 10 0.538462 8.25 0.0961538 5.96154C0.0384615 5.65385 0 5.34615 0 5V4.98077C0 4.84615 7.26432e-08 4.73077 0.0192308 4.63461C0.125111 3.25818 0.781552 2.01128 1.78053 1.1614C1.91355 1.04823 2.15362 1.13705 2.32692 1.11538C2.67308 1.03846 2.90385 0.788462 3.07692 0.846154C3.26923 0.903846 3.42308 1.11538 3.19231 1.26923C2.94231 1.40385 2.88462 1.63462 3.01923 1.75C3.15385 1.86538 3.34615 1.63462 3.61538 1.63462C3.88462 1.63462 4.21154 1.96154 4.19231 2.21154C4.15385 2.55769 4.15385 3 4.30769 3.28846C4.46154 3.57692 4.80769 4.01923 5.23077 4.13462C5.61539 4.23077 6.26923 4.32692 6.34615 4.34615C6.63419 4.45588 6.57131 4.6983 6.33349 4.89437C6.21892 4.98883 6.11852 5.09107 6.09615 5.17308C5.86539 5.88462 6.84615 6.11538 6.67308 6.59615C6.55769 6.94231 6.17308 7.28846 6.03846 7.63462C5.95671 7.84484 5.9246 8.14727 5.98523 8.37391C6.02693 8.52981 6.28488 8.43597 6.40385 8.32692C6.63462 8.13462 7.11539 7.44231 7.44231 7.21154C7.78846 6.98077 8.57692 6.78846 8.82692 6.01923C8.96154 5.59615 8.94231 5.21154 8.36539 4.88462C7.78846 4.55769 8.17308 4.15385 7.67308 4.15385C7.17308 4.15385 7.15385 4.34615 6.78846 4.21154C5.53846 3.71154 5.90385 3.23077 6.21154 3.21154C6.34615 3.19231 6.48077 3.25 6.65385 3.32692C6.82692 3.42308 6.88462 3.32692 6.84615 3.05769C6.80769 2.78846 6.86539 2.42308 7 1.98077C7.21154 1.26923 6.80769 0.634615 6.19231 0.557692C5.61539 0.442308 5.57692 0.653846 5.19231 1.07692C4.90385 1.40385 4.34615 1.13462 3.88462 0.807692C3.61454 0.611276 3.90971 0.105968 4.2399 0.0560849C4.48198 0.019514 4.72894 0 4.98077 0C7.69649 0 9.91771 2.18723 9.97993 4.91613C9.9806 4.94511 10 4.97101 10 5Z"
232
+ fill = " #929292"
233
+ />
234
+ </svg >
235
+ </label >
236
+ </div >
237
+ </td >
144
238
<td
145
239
class = " sketch-list__dropdown-column"
146
240
>
0 commit comments