don't hate me, old git is fuck up

2023-02-21 14:58:47 +07:00
commit 672298daf9
103 changed files with 12172 additions and 0 deletions
--- a/src/assets/directory.json
+++ b/src/assets/directory.json
@@ -0,0 +1,102 @@
+[
+  {
+    "name": "jb55",
+    "avatar": "https://pbs.twimg.com/profile_images/1362882895669436423/Jzsp1Ikr.jpg",
+    "npub": "npub1xtscya34g58tk0z605fvr788k263gsu6cy9x0mhnm87echrgufzsevkk5s"
+  },
+  {
+    "name": "jack",
+    "avatar": "https://pbs.twimg.com/profile_images/1115644092329758721/AFjOr-K8.jpg",
+    "npub": "npub1sg6plzptd64u62a878hep2kev88swjh3tw00gjsfl8f237lmu63q0uf63m"
+  },
+  {
+    "name": "derekmoss",
+    "avatar": "https://pbs.twimg.com/profile_images/1609534946435076096/Gl1xeTPP.jpg",
+    "npub": "npub18ams6ewn5aj2n3wt2qawzglx9mr4nzksxhvrdc4gzrecw7n5tvjqctp424"
+  },
+  {
+    "name": "ODELL",
+    "avatar": "https://pbs.twimg.com/profile_images/1421584695746338819/Z_7ZfAeP.jpg",
+    "npub": "npub1qny3tkh0acurzla8x3zy4nhrjz5zd8l9sy9jys09umwng00manysew95gx"
+  },
+  {
+    "name": "yeg0rpetrov",
+    "avatar": "https://pbs.twimg.com/profile_images/1593772940126035968/D_LQYRd9.jpg",
+    "npub": "npub1z4m7gkva6yxgvdyclc7zp0vz4ta0s2d9jh8g83w03tp5vdf3kzdsxana6p"
+  },
+  {
+    "name": "PrestonPysh",
+    "avatar": "https://pbs.twimg.com/profile_images/1408783276081299462/f4Ye5n7-.jpg",
+    "npub": "npub1s5yq6wadwrxde4lhfs56gn64hwzuhnfa6r9mj476r5s4hkunzgzqrs6q7z"
+  },
+  {
+    "name": "fiatjaf",
+    "avatar": "https://pbs.twimg.com/profile_images/539211568035004416/sBMjPR9q.jpeg",
+    "npub": "npub180cvv07tjdrrgpa0j7j7tmnyl2yr6yr7l8j4s3evf6u64th6gkwsyjh6w6"
+  },
+  {
+    "name": "dergigi",
+    "avatar": "https://pbs.twimg.com/profile_images/1566370176446119943/UeuACt-4.jpg",
+    "npub": "npub1dergggklka99wwrs92yz8wdjs952h2ux2ha2ed598ngwu9w7a6fsh9xzpc"
+  },
+  {
+    "name": "hodlonaut",
+    "avatar": "https://pbs.twimg.com/profile_images/1570910274755911682/z8DJsufc.jpg",
+    "npub": "npub1cjw49ftnxene9wdxujz3tp7zspp0kf862cjud4nm3j2usag6eg2smwj2rh"
+  },
+  {
+    "name": "DylanLeClair_",
+    "avatar": "https://pbs.twimg.com/profile_images/1599858581611941922/XxvPPWAt.jpg",
+    "npub": "npub1pyp9fqq60689ppds9ec3vghsm7s6s4grfya0y342g2hs3a0y6t0segc0qq"
+  },
+  {
+    "name": "ShadowOfNakadai",
+    "avatar": "https://pbs.twimg.com/profile_images/1620811984374464514/V7GJo1ak.jpg",
+    "npub": "npub1sqaxzwvh5fhgw9q3d7v658ucapvfeds3dcd2587fcwyesn7dnwuqt2r45v"
+  },
+  {
+    "name": "jackmallers",
+    "avatar": "https://pbs.twimg.com/profile_images/1599778945699909632/O0qc9ykA.jpg",
+    "npub": "npub1cn4t4cd78nm900qc2hhqte5aa8c9njm6qkfzw95tszufwcwtcnsq7g3vle"
+  },
+  {
+    "name": "remroya",
+    "avatar": "https://pbs.twimg.com/profile_images/1616979727515881478/5ABZzBYO.jpg",
+    "npub": "npub1csamkk8zu67zl9z4wkp90a462v53q775aqn5q6xzjdkxnkvcpd7srtz4x9"
+  },
+  {
+    "name": "TakumiHisoka",
+    "avatar": "https://pbs.twimg.com/profile_images/1623286991944302594/cXSJ04BF.jpg",
+    "npub": "npub1yc8jxnzkzm2esndrqdae6lza6qlwzxpcz9drpy699j9k7xetrpkqgvkwe9"
+  },
+  {
+    "name": "EvelinSchallert",
+    "avatar": "https://pbs.twimg.com/profile_images/1448008447983763457/7k07LJxQ.jpg",
+    "npub": "npub1l2gvp9wxajsl6wqnh6eulvz5sdk05gtajjwjn2yn45s9yvfru2kqf3r0gm"
+  },
+  {
+    "name": "peer",
+    "avatar": "https://pbs.twimg.com/profile_images/1623291991709700097/aBL_VpMC.jpg",
+    "npub": "npub18zx8lw3947pghsgzqv2t0x8pe767sscag5djgj5afr755xkqd97qt530pr"
+  },
+  {
+    "name": "francispouliot_",
+    "avatar": "https://pbs.twimg.com/profile_images/1524789480439283719/5Q_XBKGb.jpg",
+    "npub": "npub1t289s8ck5qfwynf2vsq49t2kypvvkpj7rhegayrur0ag9s2sezaqgunkzs"
+  },
+  {
+    "name": "lanyihou",
+    "avatar": "https://pbs.twimg.com/profile_images/1603653816175689729/Ctj5GXPt.jpg",
+    "npub": "npub18hywyhcnn5rqhlgu80yxeyf57fyhghlrc54dzaqyd9vtts949u9s24rtva"
+  },
+  {
+    "name": "marttimalmi",
+    "avatar": "https://pbs.twimg.com/profile_images/1125299725828272129/n8NDo1LN.png",
+    "npub": "npub1g53mukxnjkcmr94fhryzkqutdz2ukq4ks0gvy5af25rgmwsl4ngq43drvk"
+  },
+  {
+    "name": "Snowden",
+    "avatar": "https://pbs.twimg.com/profile_images/648888480974508032/66_cUYfj.jpg",
+    "npub": "npub1sn0wdenkukak0d9dfczzeacvhkrgz92ak56egt7vdgzn8pv2wfqqhrjdv9"
+  }
+]
--- a/src/assets/editor.css
+++ b/src/assets/editor.css
@@ -0,0 +1,326 @@
+.w-md-editor-bar {
+  position: absolute;
+  cursor: s-resize;
+  right: 4px;
+  bottom: 4px;
+  margin-top: -11px;
+  margin-right: 0;
+  width: 14px;
+  z-index: 3;
+  height: 10px;
+  border-radius: 0 0 3px 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.w-md-editor-bar svg {
+  display: block;
+  margin: 0 auto;
+}
+.w-md-editor-aree {
+  overflow: auto;
+  border-radius: 5px;
+}
+.w-md-editor-text {
+  min-height: 100%;
+  position: relative;
+  text-align: left;
+  white-space: pre-wrap;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  box-sizing: border-box;
+  margin: 0;
+  -webkit-font-variant-ligatures: common-ligatures;
+  font-variant-ligatures: common-ligatures;
+  @apply p-4;
+}
+.w-md-editor-text-pre,
+.w-md-editor-text-input,
+.w-md-editor-text > .w-md-editor-text-pre {
+  margin: 0;
+  border: 0;
+  background: none;
+  box-sizing: inherit;
+  display: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  -webkit-font-variant-ligatures: inherit;
+  font-variant-ligatures: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+  tab-size: inherit;
+  text-indent: inherit;
+  text-rendering: inherit;
+  text-transform: inherit;
+  white-space: inherit;
+  overflow-wrap: inherit;
+  word-break: inherit;
+  word-break: normal;
+  padding: 0;
+}
+.w-md-editor-text-pre > code,
+.w-md-editor-text-input > code,
+.w-md-editor-text > .w-md-editor-text-pre > code {
+  font-family: inherit;
+}
+.w-md-editor-text-pre {
+  position: relative;
+  margin: 0px !important;
+  pointer-events: none;
+  background-color: transparent !important;
+}
+.w-md-editor-text-pre > code {
+  padding: 0 !important;
+}
+.w-md-editor-text-input {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
+  resize: none;
+  color: inherit;
+  overflow: hidden;
+  outline: 0;
+  padding: inherit;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-fill-color: transparent;
+  @apply placeholder:text-zinc-500;
+}
+.w-md-editor-text-input:empty {
+  -webkit-text-fill-color: inherit !important;
+}
+.w-md-editor-text-pre,
+.w-md-editor-text-input {
+  word-wrap: pre;
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+/**
+ * Hack to apply on some CSS on IE10 and IE11
+ */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /**
+    * IE doesn't support '-webkit-text-fill-color'
+    * So we use 'color: transparent' to make the text transparent on IE
+    * Unlike other browsers, it doesn't affect caret color in IE
+    */
+  .w-md-editor-text-input {
+    color: transparent !important;
+  }
+  .w-md-editor-text-input::selection {
+    background-color: #accef7 !important;
+    color: transparent !important;
+  }
+}
+.w-md-editor-text-pre .punctuation {
+  color: var(--color-prettylights-syntax-comment) !important;
+}
+.w-md-editor-text-pre .token.url,
+.w-md-editor-text-pre .token.content {
+  color: var(--color-prettylights-syntax-constant) !important;
+}
+.w-md-editor-text-pre .token.title.important {
+  color: var(--color-prettylights-syntax-markup-bold);
+}
+.w-md-editor-text-pre .token.code-block .function {
+  color: var(--color-prettylights-syntax-entity);
+}
+.w-md-editor-text-pre .token.bold {
+  font-weight: unset !important;
+}
+.w-md-editor-text-pre .token.title {
+  line-height: unset !important;
+  font-size: unset !important;
+  font-weight: unset !important;
+}
+.w-md-editor-text-pre .token.code.keyword {
+  color: var(--color-prettylights-syntax-constant) !important;
+}
+.w-md-editor-text-pre .token.strike,
+.w-md-editor-text-pre .token.strike .content {
+  color: var(--color-prettylights-syntax-markup-deleted-text) !important;
+}
+.w-md-editor-toolbar-child {
+  position: absolute;
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px var(--color-border-default),
+    0 0 0 var(--color-border-default), 0 1px 1px var(--color-border-default);
+  background-color: var(--color-canvas-default);
+  z-index: 1;
+  display: none;
+}
+.w-md-editor-toolbar-child.active {
+  display: block;
+}
+.w-md-editor-toolbar-child .w-md-editor-toolbar {
+  border-bottom: 0;
+  padding: 3px;
+  border-radius: 3px;
+}
+.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
+  display: block;
+}
+.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button:not(.cta-btn) {
+  width: -webkit-fill-available;
+  height: initial;
+  box-sizing: border-box;
+  padding: 3px 4px 2px 4px;
+  margin: 0;
+}
+.w-md-editor-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  user-select: none;
+  flex-wrap: wrap;
+}
+.w-md-editor-toolbar.bottom {
+  border-bottom: 0px;
+  border-top: 1px solid var(--color-border-default);
+  border-radius: 0 0 3px 3px;
+}
+.w-md-editor-toolbar ul,
+.w-md-editor-toolbar li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  line-height: initial;
+}
+.w-md-editor-toolbar li {
+  display: inline-block;
+  font-size: 14px;
+}
+.w-md-editor-toolbar li + li {
+  margin: 0;
+}
+.w-md-editor-toolbar li > button:not(.cta-btn) {
+  border: none;
+  height: 20px;
+  line-height: 14px;
+  background: none;
+  text-transform: none;
+  font-weight: normal;
+  overflow: visible;
+  outline: none;
+  cursor: pointer;
+  transition: all 0.3s;
+  white-space: nowrap;
+  @apply rounded py-1 px-2 text-zinc-500;
+}
+.w-md-editor-toolbar li > button:not(.cta-btn):hover,
+.w-md-editor-toolbar li > button:not(.cta-btn):focus {
+  @apply bg-zinc-700 text-zinc-100;
+}
+.w-md-editor-toolbar li > button:not(.cta-btn):active {
+  background-color: var(--color-neutral-muted);
+  color: var(--color-danger-fg);
+}
+.w-md-editor-toolbar li > button:not(.cta-btn):disabled {
+  color: var(--color-border-default);
+  cursor: not-allowed;
+}
+.w-md-editor-toolbar li > button:not(.cta-btn):disabled:hover {
+  background-color: transparent;
+  color: var(--color-border-default);
+}
+.w-md-editor-toolbar li.active > button:not(.cta-btn) {
+  color: var(--color-accent-fg);
+  background-color: var(--color-neutral-muted);
+}
+.w-md-editor-toolbar-divider {
+  height: 14px;
+  width: 1px;
+  margin: -3px 3px 0 3px !important;
+  vertical-align: middle;
+  background-color: var(--color-border-default);
+}
+.w-md-editor {
+  text-align: left;
+  border-radius: 3px;
+  padding-bottom: 1px;
+  position: relative;
+  display: flex;
+  flex-direction: column-reverse;
+  @apply gap-3;
+}
+.w-md-editor.w-md-editor-rtl {
+  direction: rtl !important;
+  text-align: right !important;
+}
+.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
+  right: unset !important;
+  left: 0;
+  text-align: right !important;
+  box-shadow: inset -1px 0 0 0 var(--color-border-default);
+}
+.w-md-editor.w-md-editor-rtl .w-md-editor-text {
+  text-align: right !important;
+}
+.w-md-editor-toolbar {
+  @apply h-10 shrink-0;
+}
+.w-md-editor-content {
+  @apply relative h-full overflow-auto rounded-lg border-[0.5px] border-white/30 bg-zinc-800 shadow-inner;
+}
+.w-md-editor .copied {
+  display: none !important;
+}
+.w-md-editor-input {
+  width: 50%;
+  height: 100%;
+}
+.w-md-editor-text-pre > code {
+  word-break: break-word !important;
+  white-space: pre-wrap !important;
+}
+.w-md-editor-preview {
+  width: 50%;
+  box-sizing: border-box;
+  box-shadow: inset 1px 0 0 0 var(--color-border-default);
+  position: absolute;
+  padding: 10px 20px;
+  overflow: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 0 0 5px 0;
+  display: flex;
+  flex-direction: column;
+}
+.w-md-editor-preview .anchor {
+  display: none;
+}
+.w-md-editor-preview .contains-task-list {
+  list-style: none;
+}
+.w-md-editor-show-preview .w-md-editor-input {
+  width: 0%;
+  overflow: hidden;
+  background-color: var(--color-canvas-default);
+}
+.w-md-editor-show-preview .w-md-editor-preview {
+  width: 100%;
+  box-shadow: inset 0 0 0 0;
+}
+.w-md-editor-show-edit .w-md-editor-input {
+  width: 100%;
+}
+.w-md-editor-show-edit .w-md-editor-preview {
+  width: 0%;
+  padding: 0;
+}
+.w-md-editor-fullscreen {
+  overflow: hidden;
+  position: fixed;
+  z-index: 99999;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100% !important;
+}
+.w-md-editor-fullscreen .w-md-editor-content {
+  height: 100%;
+}
--- a/src/assets/icons/Bitcoin.tsx
+++ b/src/assets/icons/Bitcoin.tsx
@@ -0,0 +1,17 @@
+export default function BitcoinIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      className="h-5 w-5"
+    >
+      <path d="m11.283 10.967-.05-.015.528-2.117.212.05c.706.157 2.225.498 1.95 1.613-.295 1.173-2.049.646-2.64.469zm-.913 3.438.086.025c.728.217 2.796.832 3.076-.333.289-1.121-1.57-1.558-2.402-1.753-.091-.022-.17-.04-.232-.056l-.528 2.117z" />
+      <path
+        fillRule="evenodd"
+        d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm3.873-10.384c.206-1.302-.693-1.98-1.94-2.438l.438-1.77-.99-.246-.427 1.726-.193-.05c-.196-.05-.389-.1-.587-.144l.428-1.725-1.017-.252-.428 1.725-2.018-.5-.292 1.18s.749.163.721.179c.4.108.469.392.447.609l-.509 2.007-.698 2.823c-.055.134-.19.326-.464.26a22.05 22.05 0 0 1-.728-.191l-.486 1.245 1.958.534-.436 1.761.983.244.437-1.762c.158.046.318.083.473.119.116.027.229.053.336.082l-.437 1.761.985.244.437-1.761c1.695.323 2.975.172 3.547-1.497.46-1.33.03-2.09-.863-2.589.67-.163 1.167-.627 1.323-1.574z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Bookmark.tsx
+++ b/src/assets/icons/Bookmark.tsx
@@ -0,0 +1,18 @@
+export default function BookmarkIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-5 w-5"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/CheckCircle.tsx
+++ b/src/assets/icons/CheckCircle.tsx
@@ -0,0 +1,18 @@
+export default function CheckCircleIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className={className}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Eye.tsx
+++ b/src/assets/icons/Eye.tsx
@@ -0,0 +1,18 @@
+export default function EyeIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className={className}>
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
+      />
+      <path strokeLinecap="round" strokeLinejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/Home.tsx
+++ b/src/assets/icons/Home.tsx
@@ -0,0 +1,18 @@
+export default function HomeIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-5 w-5"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Like.tsx
+++ b/src/assets/icons/Like.tsx
@@ -0,0 +1,17 @@
+export default function LikeIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className={className}>
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/LikeSolid.tsx
+++ b/src/assets/icons/LikeSolid.tsx
@@ -0,0 +1,11 @@
+export default function LikeSolidIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      className={className}>
+      <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/Lume.tsx
+++ b/src/assets/icons/Lume.tsx
@@ -0,0 +1,14 @@
+export default function LumeIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      className={className}
+    >
+      <path
+        d="M7.337 19.099a.32.32 0 0 1-.373.021 20.911 20.911 0 0 0-4.259-2.022c-.17-.063-.191-.297-.031-.383a13.876 13.876 0 0 0 4.886-4.639A13.715 13.715 0 0 0 9.69 5.14c0-.17.149-.309.32-.309h3.981c.17 0 .309.138.32.309.074 2.468.809 4.852 2.129 6.937a13.88 13.88 0 0 0 4.886 4.64c.16.095.139.33-.032.383-1.266.436-2.49.99-3.651 1.66-.203.116-.405.244-.607.361a.32.32 0 0 1-.373-.021 18.293 18.293 0 0 1-4.567-5.331l-.096-.16-.096.16a18.158 18.158 0 0 1-4.567 5.33Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Message.tsx
+++ b/src/assets/icons/Message.tsx
@@ -0,0 +1,18 @@
+export default function MessageIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-5 w-5"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 01-.923 1.785A5.969 5.969 0 006 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/MiniArrowRight.tsx
+++ b/src/assets/icons/MiniArrowRight.tsx
@@ -0,0 +1,20 @@
+export default function MiniArrowRightIcon({
+  className,
+}: {
+  className: string;
+}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/MiniChevronDown.tsx
+++ b/src/assets/icons/MiniChevronDown.tsx
@@ -0,0 +1,20 @@
+export default function MiniChevronDownIcon({
+  className,
+}: {
+  className: string;
+}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/MiniEdit.tsx
+++ b/src/assets/icons/MiniEdit.tsx
@@ -0,0 +1,13 @@
+export default function MiniEditIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z" />
+      <path d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/MiniMail.tsx
+++ b/src/assets/icons/MiniMail.tsx
@@ -0,0 +1,16 @@
+export default function MiniMailIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        d="M5.404 14.596A6.5 6.5 0 1116.5 10a1.25 1.25 0 01-2.5 0 4 4 0 10-.571 2.06A2.75 2.75 0 0018 10a8 8 0 10-2.343 5.657.75.75 0 00-1.06-1.06 6.5 6.5 0 01-9.193 0zM10 7.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/MiniPlus.tsx
+++ b/src/assets/icons/MiniPlus.tsx
@@ -0,0 +1,12 @@
+export default function MiniPlusIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path d="M10.75 6.75a.75.75 0 00-1.5 0v2.5h-2.5a.75.75 0 000 1.5h2.5v2.5a.75.75 0 001.5 0v-2.5h2.5a.75.75 0 000-1.5h-2.5v-2.5z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/More.tsx
+++ b/src/assets/icons/More.tsx
@@ -0,0 +1,18 @@
+export default function MoreIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-6 w-6"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/MoreCircle.tsx
+++ b/src/assets/icons/MoreCircle.tsx
@@ -0,0 +1,18 @@
+export default function MoreCircleIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-5 w-5"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Plus.tsx
+++ b/src/assets/icons/Plus.tsx
@@ -0,0 +1,13 @@
+export default function PlusIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className={className}>
+      <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+    </svg>
+  );
+}
--- a/src/assets/icons/Post.tsx
+++ b/src/assets/icons/Post.tsx
@@ -0,0 +1,12 @@
+export default function PostIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}>
+      <path d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z" />
+      <path d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/Refresh.tsx
+++ b/src/assets/icons/Refresh.tsx
@@ -0,0 +1,16 @@
+export default function RefreshIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Relay.tsx
+++ b/src/assets/icons/Relay.tsx
@@ -0,0 +1,13 @@
+export default function RelayIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      className={className}
+    >
+      <path d="M16.364 3.636a.75.75 0 00-1.06 1.06 7.5 7.5 0 010 10.607.75.75 0 001.06 1.061 9 9 0 000-12.728zM4.697 4.697a.75.75 0 00-1.061-1.06 9 9 0 000 12.727.75.75 0 101.06-1.06 7.5 7.5 0 010-10.607z" />
+      <path d="M12.475 6.465a.75.75 0 011.06 0 5 5 0 010 7.07.75.75 0 11-1.06-1.06 3.5 3.5 0 000-4.95.75.75 0 010-1.06zM7.525 6.465a.75.75 0 010 1.06 3.5 3.5 0 000 4.95.75.75 0 01-1.06 1.06 5 5 0 010-7.07.75.75 0 011.06 0zM11 10a1 1 0 11-2 0 1 1 0 012 0z" />
+    </svg>
+  );
+}
--- a/src/assets/icons/Reply.tsx
+++ b/src/assets/icons/Reply.tsx
@@ -0,0 +1,18 @@
+export default function ReplyIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className="h-5 w-5"
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/Repost.tsx
+++ b/src/assets/icons/Repost.tsx
@@ -0,0 +1,15 @@
+export default function RepostIcon({ className }: { className: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      className={className}>
+      <path
+        fillRule="evenodd"
+        d="M12 5.25c1.213 0 2.415.046 3.605.135a3.256 3.256 0 013.01 3.01c.044.583.077 1.17.1 1.759L17.03 8.47a.75.75 0 10-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 00-1.06-1.06l-1.752 1.751c-.023-.65-.06-1.296-.108-1.939a4.756 4.756 0 00-4.392-4.392 49.422 49.422 0 00-7.436 0A4.756 4.756 0 003.89 8.282c-.017.224-.033.447-.046.672a.75.75 0 101.497.092c.013-.217.028-.434.044-.651a3.256 3.256 0 013.01-3.01c1.19-.09 2.392-.135 3.605-.135zm-6.97 6.22a.75.75 0 00-1.06 0l-3 3a.75.75 0 101.06 1.06l1.752-1.751c.023.65.06 1.296.108 1.939a4.756 4.756 0 004.392 4.392 49.413 49.413 0 007.436 0 4.756 4.756 0 004.392-4.392c.017-.223.032-.447.046-.672a.75.75 0 00-1.497-.092c-.013.217-.028.434-.044.651a3.256 3.256 0 01-3.01 3.01 47.953 47.953 0 01-7.21 0 3.256 3.256 0 01-3.01-3.01 47.759 47.759 0 01-.1-1.759L6.97 15.53a.75.75 0 001.06-1.06l-3-3z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+}
--- a/src/assets/icons/SidebarToggle.tsx
+++ b/src/assets/icons/SidebarToggle.tsx
@@ -0,0 +1,22 @@
+export default function SidebarToggleIcon({
+  className,
+}: {
+  className: string;
+}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 20"
+      fill="none"
+      stroke="currentColor"
+      className={className}
+    >
+      <path
+        d="M7.5 3.75v12.5m-4.063 0h13.126c.517 0 .937-.42.937-.938V4.688a.938.938 0 0 0-.938-.938H3.438a.938.938 0 0 0-.937.938v10.625c0 .517.42.937.938.937Z"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}