fix broken icons

frontend/apps/remark42/app/components/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg

@@ -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>

frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css

@@ -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');
-  }
-}

frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg

@@ -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>

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);
+  }
+}

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>
           )}
 

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';

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",