2
2
3
3
exports [` components/Notification.js should render itself & its children 1` ] = `
4
4
<div
5
- className = " flex space-x-2 p-2 bg-white dark:bg-gray-dark dark:text-white hover:bg-gray-100 dark:hover:bg-gray-darker border-b border-gray-100 dark:border-gray-darker"
5
+ className = " flex space-x-3 py-2 px-3 bg-white dark:bg-gray-dark dark:text-white hover:bg-gray-100 dark:hover:bg-gray-darker border-b border-gray-100 dark:border-gray-darker"
6
6
>
7
7
<div
8
- className = " flex justify-center items-center w-8 text-green-500"
8
+ className = " flex justify-center items-center w-5 text-green-500"
9
9
>
10
10
<svg
11
11
aria-hidden = " false"
@@ -61,14 +61,14 @@ exports[`components/Notification.js should render itself & its children 1`] = `
61
61
className = " flex justify-center items-center gap-2"
62
62
>
63
63
<button
64
- className = " focus:outline-none"
64
+ className = " focus:outline-none h-full hover:text-green-500 "
65
65
onClick = { [Function ]}
66
66
title = " Mark as Done"
67
67
>
68
68
<svg
69
69
aria-hidden = " false"
70
70
aria-label = " Mark as Done"
71
- className = " hover:text-green-500 "
71
+ className = " octicon octicon-check "
72
72
fill = " currentColor"
73
73
focusable = " false"
74
74
height = { 16 }
@@ -90,14 +90,14 @@ exports[`components/Notification.js should render itself & its children 1`] = `
90
90
</svg >
91
91
</button >
92
92
<button
93
- className = " focus:outline-none"
93
+ className = " focus:outline-none h-full hover:text-red-500 "
94
94
onClick = { [Function ]}
95
- title = " Mark as Read "
95
+ title = " Unsubscribe "
96
96
>
97
97
<svg
98
98
aria-hidden = " false"
99
- aria-label = " Mark as Read "
100
- className = " hover:text-green-500 "
99
+ aria-label = " Unsubscribe "
100
+ className = " octicon octicon-bell-slash "
101
101
fill = " currentColor"
102
102
focusable = " false"
103
103
height = { 14 }
@@ -114,19 +114,19 @@ exports[`components/Notification.js should render itself & its children 1`] = `
114
114
width = { 14 }
115
115
>
116
116
<path
117
- d = " M7.115.65a1.752 1.752 0 0 1 1.77 0l6.25 3.663c.536.314.865.889.865 1.51v6.427A1.75 1.75 0 0 1 14.25 14H1.75A1 .75 1 .75 0 0 1 0 12.25V5.823c0-.621.33-1.196.865 -1.51Zm1.011 1.293a.252.252 0 0 0-.252 0l-5.72 3.353L6.468 7.76a2.748 2.748 0 0 1 3.066 0l4.312-2.464-5.719-3.353ZM13.15 12 .5 8.772 9.06a1.25 1.25 0 0 0-1.544 0L2.85 12.5Zm1.35-5.85-3.687 2.106 3.687 2.897ZM5.187 8.756 1.5 6.65v5.003Z "
117
+ d = " m4.182 4.31.016.011 10.104 7.316.013.01 1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947V5.305L.31 3.357a .75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l -1.703 2.556a.017.017 0 0 0-.003.01c0 .005.002.009.005.012l.006.004.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55 5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1 .5 0V5A3.5 3.5 0 0 0 8 1.5ZM8 16a2 2 0 0 1 -1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16Z "
118
118
/>
119
119
</svg >
120
120
</button >
121
121
<button
122
- className = " border-0 bg-none float-right "
122
+ className = " focus:outline-none h-full hover:text-green-500 "
123
123
onClick = { [Function ]}
124
- title = " Unsubscribe "
124
+ title = " Mark as Read "
125
125
>
126
126
<svg
127
127
aria-hidden = " false"
128
- aria-label = " Unsubscribe "
129
- className = " hover:text-red-500 "
128
+ aria-label = " Mark as Read "
129
+ className = " octicon octicon-read "
130
130
fill = " currentColor"
131
131
focusable = " false"
132
132
height = { 14 }
@@ -143,7 +143,7 @@ exports[`components/Notification.js should render itself & its children 1`] = `
143
143
width = { 14 }
144
144
>
145
145
<path
146
- d = " m4.182 4.31.016.011 10.104 7.316.013.01 1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947V5.305L.31 3.357a .75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l -1.703 2.556a.017.017 0 0 0-.003.01c0 .005.002.009.005.012l.006.004.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55 5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1.5 0V5A3.5 3 .5 0 0 0 8 1.5ZM8 16a2 2 0 0 1 -1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16Z "
146
+ d = " M7.115.65a1.752 1.752 0 0 1 1.77 0l6.25 3.663c.536.314.865.889.865 1.51v6.427A1.75 1.75 0 0 1 14.25 14H1.75A1 .75 1 .75 0 0 1 0 12.25V5.823c0-.621.33-1.196.865 -1.51Zm1.011 1.293a.252.252 0 0 0-.252 0l-5.72 3.353L6.468 7.76a2.748 2.748 0 0 1 3.066 0l4.312-2.464-5.719-3.353ZM13.15 12 .5 8.772 9.06a1.25 1.25 0 0 0 -1.544 0L2.85 12.5Zm1.35-5.85-3.687 2.106 3.687 2.897ZM5.187 8.756 1.5 6.65v5.003Z "
147
147
/>
148
148
</svg >
149
149
</button >
0 commit comments