Progress

2020-04-06 21:53:23 -04:00
parent e485e2f955
commit b5e3c2a94f
58 changed files with 482 additions and 229 deletions
--- a/app/javascript/gabsocial/assets/code_icon.js
+++ b/app/javascript/gabsocial/assets/code_icon.js
@@ -0,0 +1,28 @@
+const CodeIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Code',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 47.507812 22.765625 L 36.410156 11.003906 C 35.726562 10.28125 34.589844 10.25 33.863281 10.929688 C 33.140625 11.613281 33.109375 12.753906 33.792969 13.476562 L 43.726562 24 L 33.792969 34.523438 C 33.109375 35.25 33.140625 36.386719 33.863281 37.070312 C 34.210938 37.398438 34.65625 37.5625 35.101562 37.5625 C 35.578125 37.5625 36.054688 37.371094 36.410156 36.996094 L 47.507812 25.238281 C 48.164062 24.542969 48.164062 23.457031 47.507812 22.765625 Z M 47.507812 22.765625' />
+      <path d='M 14.210938 34.523438 L 4.277344 24 L 14.210938 13.476562 C 14.890625 12.753906 14.859375 11.613281 14.136719 10.929688 C 13.414062 10.25 12.273438 10.28125 11.589844 11.003906 L 0.492188 22.765625 C -0.164062 23.457031 -0.164062 24.542969 0.492188 25.234375 L 11.589844 36.996094 C 11.945312 37.371094 12.421875 37.5625 12.902344 37.5625 C 13.34375 37.5625 13.789062 37.398438 14.136719 37.070312 C 14.859375 36.386719 14.890625 35.246094 14.210938 34.523438 Z M 14.210938 34.523438' />
+      <path d='M 26.914062 4.941406 C 25.929688 4.792969 25.011719 5.464844 24.859375 6.449219 L 19.582031 41.007812 C 19.429688 41.992188 20.105469 42.910156 21.089844 43.058594 C 21.179688 43.074219 21.273438 43.082031 21.363281 43.082031 C 22.238281 43.082031 23.003906 42.441406 23.140625 41.550781 L 28.417969 6.992188 C 28.570312 6.007812 27.894531 5.089844 26.914062 4.941406 Z M 26.914062 4.941406' />
+    </g>
+  </svg>
+)
+
+export default CodeIcon
--- a/app/javascript/gabsocial/assets/copy_icon.js
+++ b/app/javascript/gabsocial/assets/copy_icon.js
@@ -0,0 +1,27 @@
+const CopyIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Copy',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 34.285156 8.570312 L 5.144531 8.570312 C 2.300781 8.570312 0 10.875 0 13.714844 L 0 42.855469 C 0 45.699219 2.300781 48 5.144531 48 L 34.285156 48 C 37.125 48 39.429688 45.699219 39.429688 42.855469 L 39.429688 13.714844 C 39.429688 10.875 37.125 8.570312 34.285156 8.570312 Z M 36 42.855469 C 36 43.804688 35.234375 44.570312 34.285156 44.570312 L 5.144531 44.570312 C 4.195312 44.570312 3.429688 43.804688 3.429688 42.855469 L 3.429688 13.714844 C 3.429688 12.765625 4.195312 12 5.144531 12 L 34.285156 12 C 35.234375 12 36 12.765625 36 13.714844 Z M 36 42.855469' />
+      <path d='M 42.855469 0 L 12 0 C 9.160156 0 6.855469 2.300781 6.855469 5.144531 C 6.855469 6.089844 7.625 6.855469 8.570312 6.855469 C 9.519531 6.855469 10.285156 6.089844 10.285156 5.144531 C 10.285156 4.195312 11.054688 3.429688 12 3.429688 L 42.855469 3.429688 C 43.804688 3.429688 44.570312 4.195312 44.570312 5.144531 L 44.570312 36 C 44.570312 36.945312 43.804688 37.714844 42.855469 37.714844 C 41.910156 37.714844 41.144531 38.480469 41.144531 39.429688 C 41.144531 40.375 41.910156 41.144531 42.855469 41.144531 C 45.699219 41.144531 48 38.839844 48 36 L 48 5.144531 C 48 2.300781 45.699219 0 42.855469 0 Z M 42.855469 0' />
+    </g>
+  </svg>
+)
+
+export default CopyIcon
--- a/app/javascript/gabsocial/assets/email_icon.js
+++ b/app/javascript/gabsocial/assets/email_icon.js
@@ -0,0 +1,26 @@
+const EmailIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Email',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 43.5 6 L 4.5 6 C 2.019531 6 0 8.019531 0 10.5 L 0 37.5 C 0 39.980469 2.019531 42 4.5 42 L 43.5 42 C 45.980469 42 48 39.980469 48 37.5 L 48 10.5 C 48 8.019531 45.980469 6 43.5 6 Z M 43.5 9 C 43.703125 9 43.898438 9.042969 44.074219 9.117188 L 24 26.515625 L 3.925781 9.117188 C 4.101562 9.042969 4.296875 9 4.5 9 Z M 43.5 39 L 4.5 39 C 3.671875 39 3 38.328125 3 37.5 L 3 12.285156 L 23.015625 29.632812 C 23.300781 29.878906 23.648438 30 24 30 C 24.351562 30 24.699219 29.878906 24.984375 29.632812 L 45 12.285156 L 45 37.5 C 45 38.328125 44.328125 39 43.5 39 Z M 43.5 39 '/>
+    </g>
+  </svg>
+)
+
+export default EmailIcon
--- a/app/javascript/gabsocial/assets/lock_filled_icon.js
+++ b/app/javascript/gabsocial/assets/lock_filled_icon.js
@@ -0,0 +1,26 @@
+const LockFilledIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Lock',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 21.246094 0.3125 C 17.761719 0.753906 14.890625 1.9375 13.246094 3.589844 C 12.570312 4.265625 12.160156 4.90625 11.867188 5.75 L 11.644531 6.355469 L 11.644531 18.84375 L 9.21875 18.84375 C 6.460938 18.84375 6.195312 18.890625 5.03125 19.484375 C 4.054688 19.992188 3.191406 20.851562 2.683594 21.832031 C 2.007812 23.15625 2.042969 22.453125 2.042969 33.316406 C 2.042969 44.195312 2.007812 43.511719 2.691406 44.84375 C 3.183594 45.796875 4.054688 46.667969 5.023438 47.171875 C 6.382812 47.875 4.792969 47.820312 24.027344 47.820312 C 36.042969 47.820312 41.378906 47.796875 41.707031 47.722656 C 41.964844 47.671875 42.550781 47.449219 43.011719 47.226562 C 44.1875 46.667969 44.976562 45.867188 45.539062 44.703125 C 45.761719 44.238281 45.980469 43.679688 46.035156 43.449219 C 46.179688 42.863281 46.179688 23.804688 46.035156 23.21875 C 45.980469 22.988281 45.761719 22.425781 45.539062 21.972656 C 45.023438 20.878906 44.195312 20.027344 43.15625 19.492188 C 41.980469 18.890625 41.679688 18.84375 38.941406 18.84375 L 36.535156 18.84375 L 36.535156 12.621094 C 36.535156 6.558594 36.523438 6.382812 36.347656 5.839844 C 36.070312 4.996094 35.546875 4.195312 34.828125 3.503906 C 33.253906 1.972656 30.871094 0.960938 27.554688 0.390625 C 26.390625 0.195312 22.523438 0.140625 21.246094 0.3125 Z M 26.753906 4.496094 C 29.554688 4.890625 31.945312 5.980469 32.347656 7.050781 C 32.410156 7.21875 32.445312 9.207031 32.445312 13.074219 L 32.445312 18.84375 L 15.734375 18.84375 L 15.734375 13.023438 C 15.734375 6.496094 15.6875 6.960938 16.398438 6.328125 C 17.574219 5.296875 20.167969 4.515625 23.023438 4.320312 C 23.839844 4.265625 25.769531 4.363281 26.753906 4.496094 Z M 26.753906 4.496094' />
+    </g>
+  </svg>
+)
+
+export default LockFilledIcon
--- a/app/javascript/gabsocial/assets/lock_icon.js
+++ b/app/javascript/gabsocial/assets/lock_icon.js
@@ -0,0 +1,26 @@
+const LockIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Lock',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 21.246094 0.3125 C 17.761719 0.753906 14.890625 1.9375 13.246094 3.589844 C 12.570312 4.265625 12.160156 4.90625 11.867188 5.75 L 11.644531 6.355469 L 11.644531 18.84375 L 9.234375 18.84375 C 6.496094 18.84375 6.195312 18.890625 5.023438 19.492188 C 4.0625 19.992188 3.191406 20.863281 2.691406 21.820312 C 2.007812 23.15625 2.042969 22.472656 2.042969 33.351562 C 2.042969 44.214844 2.007812 43.511719 2.683594 44.835938 C 3.191406 45.8125 4.054688 46.675781 5.03125 47.183594 C 6.363281 47.867188 4.898438 47.820312 24.0625 47.820312 C 36.054688 47.820312 41.378906 47.796875 41.707031 47.722656 C 41.964844 47.671875 42.550781 47.449219 43.011719 47.226562 C 44.1875 46.667969 44.976562 45.867188 45.539062 44.703125 C 45.761719 44.238281 45.980469 43.679688 46.035156 43.449219 C 46.179688 42.863281 46.179688 23.804688 46.035156 23.21875 C 45.980469 22.988281 45.761719 22.425781 45.539062 21.972656 C 45.023438 20.878906 44.195312 20.027344 43.15625 19.492188 C 41.980469 18.890625 41.679688 18.84375 38.941406 18.84375 L 36.535156 18.84375 L 36.535156 12.621094 C 36.535156 6.558594 36.523438 6.382812 36.347656 5.839844 C 36.070312 4.996094 35.546875 4.195312 34.828125 3.503906 C 33.253906 1.972656 30.871094 0.960938 27.554688 0.390625 C 26.390625 0.195312 22.523438 0.140625 21.246094 0.3125 Z M 26.753906 4.496094 C 29.554688 4.890625 31.945312 5.980469 32.347656 7.050781 C 32.410156 7.21875 32.445312 9.207031 32.445312 13.074219 L 32.445312 18.84375 L 15.734375 18.84375 L 15.734375 13.023438 C 15.734375 6.496094 15.6875 6.960938 16.398438 6.328125 C 17.574219 5.296875 20.167969 4.515625 23.023438 4.320312 C 23.839844 4.265625 25.769531 4.363281 26.753906 4.496094 Z M 40.835938 23.023438 C 41.269531 23.121094 41.589844 23.351562 41.820312 23.742188 C 42 24.035156 42 24.203125 42 33.332031 L 42 42.621094 L 41.796875 42.949219 C 41.679688 43.128906 41.441406 43.367188 41.261719 43.484375 L 40.933594 43.6875 L 24.488281 43.714844 C 15.449219 43.734375 7.839844 43.714844 7.582031 43.6875 C 7.03125 43.625 6.613281 43.359375 6.363281 42.933594 C 6.179688 42.621094 6.179688 42.542969 6.179688 33.332031 C 6.179688 24.203125 6.179688 24.035156 6.355469 23.742188 C 6.578125 23.367188 6.90625 23.109375 7.296875 23.023438 C 7.722656 22.925781 40.410156 22.914062 40.835938 23.023438 Z M 40.835938 23.023438' />
+    </g>
+  </svg>
+)
+
+export default LockIcon
--- a/app/javascript/gabsocial/assets/unlock_filled_icon.js
+++ b/app/javascript/gabsocial/assets/unlock_filled_icon.js
@@ -0,0 +1,26 @@
+const UnlockFilledIcon = ({
+  className = '',
+  width = '24px',
+  height = '24px',
+  viewBox = '0 0 48 48',
+  title = 'Unlock',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <path d='M 21.246094 0.3125 C 17.761719 0.753906 14.890625 1.9375 13.246094 3.589844 C 12.570312 4.265625 12.160156 4.90625 11.867188 5.75 L 11.644531 6.355469 L 11.644531 18.84375 L 9.21875 18.84375 C 6.460938 18.84375 6.195312 18.890625 5.03125 19.484375 C 4.054688 19.992188 3.191406 20.851562 2.683594 21.832031 C 2.007812 23.15625 2.042969 22.453125 2.042969 33.316406 C 2.042969 44.195312 2.007812 43.511719 2.691406 44.84375 C 3.183594 45.796875 4.054688 46.667969 5.023438 47.171875 C 6.382812 47.875 4.792969 47.820312 24.027344 47.820312 C 36.042969 47.820312 41.378906 47.796875 41.707031 47.722656 C 41.964844 47.671875 42.550781 47.449219 43.011719 47.226562 C 44.1875 46.667969 44.976562 45.867188 45.539062 44.703125 C 45.761719 44.238281 45.980469 43.679688 46.035156 43.449219 C 46.179688 42.863281 46.179688 23.804688 46.035156 23.21875 C 45.980469 22.988281 45.761719 22.425781 45.539062 21.972656 C 45.023438 20.878906 44.195312 20.027344 43.15625 19.492188 C 41.804688 18.800781 42.863281 18.84375 28.542969 18.84375 L 15.734375 18.84375 L 15.734375 13.023438 C 15.734375 6.496094 15.6875 6.960938 16.398438 6.328125 C 17.796875 5.101562 20.765625 4.328125 24.089844 4.335938 C 26.4375 4.335938 28.230469 4.640625 30.027344 5.332031 C 31.367188 5.847656 32.117188 6.460938 32.621094 7.476562 C 33.28125 8.765625 34.054688 9.191406 35.148438 8.871094 C 35.625 8.730469 36.3125 8.042969 36.4375 7.589844 C 36.773438 6.375 36.140625 4.773438 34.828125 3.503906 C 33.253906 1.972656 30.871094 0.960938 27.554688 0.390625 C 26.390625 0.195312 22.523438 0.140625 21.246094 0.3125 Z M 21.246094 0.3125' />
+    </g>
+  </svg>
+)
+
+export default UnlockFilledIcon