From 499302c48ed0c08a627ceed54cb5d665d1e8b458 Mon Sep 17 00:00:00 2001
From: Paul Mineev <paul@mineev.me>
Date: Tue, 23 Aug 2022 19:48:44 -0700
Subject: [PATCH] fix broken icons

---
 .../_focused/comment__link-to-parent__focused.svg   |  3 ---
 .../__link-to-parent/comment__link-to-parent.css    | 12 ------------
 .../__link-to-parent/comment__link-to-parent.svg    |  3 ---
 .../app/components/comment/comment.module.css       | 13 +++++++++++++
 .../remark42/app/components/comment/comment.tsx     | 10 +++++++---
 .../apps/remark42/app/components/comment/styles.ts  |  1 -
 frontend/package.json                               |  1 +
 7 files changed, 21 insertions(+), 22 deletions(-)
 delete mode 100644 frontend/apps/remark42/app/components/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg
 delete mode 100644 frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css
 delete mode 100644 frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg

diff --git a/frontend/apps/remark42/app/components/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg b/frontend/apps/remark42/app/components/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg
deleted file mode 100644
index cc4a5d38..00000000
--- a/frontend/apps/remark42/app/components/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 11">
-  <path fill="#0aa" d="M.815 5.905L2.915 4v7H4.08V4l2.105 1.905.815-.74-3.5-3.17L0 5.165l.815.74zM0 1.045h7V0H0v1.045z" fill-rule="evenodd"/>
-</svg>
diff --git a/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css b/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css
deleted file mode 100644
index b2f64a77..00000000
--- a/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.comment__link-to-parent {
-  display: inline-block;
-  height: 10px;
-  width: 16px;
-  vertical-align: -1px;
-  background: url('./comment__link-to-parent.svg') center no-repeat;
-  cursor: pointer;
-
-  &:hover {
-    background-image: url('./_focused/comment__link-to-parent__focused.svg');
-  }
-}
diff --git a/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg b/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg
deleted file mode 100644
index d0a2e68e..00000000
--- a/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 11">
-  <path fill="#dedede" d="M.815 5.905L2.915 4v7H4.08V4l2.105 1.905.815-.74-3.5-3.17L0 5.165l.815.74zM0 1.045h7V0H0v1.045z" fill-rule="evenodd"/>
-</svg>
diff --git a/frontend/apps/remark42/app/components/comment/comment.module.css b/frontend/apps/remark42/app/components/comment/comment.module.css
index 111f4730..88602e34 100644
--- a/frontend/apps/remark42/app/components/comment/comment.module.css
+++ b/frontend/apps/remark42/app/components/comment/comment.module.css
@@ -27,3 +27,16 @@
     opacity: 0.75;
   }
 }
+
+.threadStarterAnchor {
+  display: inline-flex;
+  height: 1rem;
+  width: 1rem;
+  color: var(--color35);
+  justify-content: center;
+  align-items: center;
+
+  &:hover {
+    color: var(--color29);
+  }
+}
diff --git a/frontend/apps/remark42/app/components/comment/comment.tsx b/frontend/apps/remark42/app/components/comment/comment.tsx
index 84cc5bba..253b55c6 100644
--- a/frontend/apps/remark42/app/components/comment/comment.tsx
+++ b/frontend/apps/remark42/app/components/comment/comment.tsx
@@ -446,13 +446,17 @@ export class Comment extends Component<CommentProps, State> {
 
           {!!props.level && props.level > 0 && props.view === 'main' && (
             <a
-              className="comment__link-to-parent"
+              className={styles.threadStarterAnchor}
               href={`${o.locator.url}#${COMMENT_NODE_CLASSNAME_PREFIX}${o.pid}`}
-              aria-label={goToParentMessage}
               title={goToParentMessage}
               onClick={(e) => this.scrollToParent(e)}
             >
-              {' '}
+              <svg width="7" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 11" aria-hidden>
+                <path
+                  fill="currentColor"
+                  d="M.815 5.905L2.915 4v7H4.08V4l2.105 1.905.815-.74-3.5-3.17L0 5.165l.815.74zM0 1.045h7V0H0v1.045z"
+                />
+              </svg>
             </a>
           )}
 
diff --git a/frontend/apps/remark42/app/components/comment/styles.ts b/frontend/apps/remark42/app/components/comment/styles.ts
index cecd3f97..62aa314d 100644
--- a/frontend/apps/remark42/app/components/comment/styles.ts
+++ b/frontend/apps/remark42/app/components/comment/styles.ts
@@ -5,7 +5,6 @@ import './__body/comment__body.css';
 
 import './__info/comment__info.css';
 import './__input/comment__input.css';
-import './__link-to-parent/comment__link-to-parent.css';
 import './__status/comment__status.css';
 import './__text/comment__text.css';
 import './__time/comment__time.css';
diff --git a/frontend/package.json b/frontend/package.json
index d8b8f5d0..5569006c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
   "scripts": {
     "prepare": "if [ -z \"$CI\" ]; then cd .. && husky install frontend/.husky; else echo \"Skip Husky Hooks\"; fi",
     "lint-staged": "lint-staged",
+    "dev:remark42": "turbo run dev --filter=@remark42/app",
     "test:api": "turbo run test --filter=@remark42/api",
     "coverage:api": "turbo run coverage --filter=@remark42/api",
     "type-check:api": "turbo run type-check --filter=@remark42/api",