From 82478c469da7499bfbf888ba86b3b6ce4538187f Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 13 Dec 2025 22:37:47 +0000
Subject: [PATCH] Add "similar" link for searching host name

---
 webclient/src/Article.js | 4 ++--
 webclient/src/utils.js   | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 212d2ec..41e2a10 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
 import localForage from 'localforage';
-import { sourceLink, infoLine, ToggleDot } from './utils.js';
+import { sourceLink, similarLink, infoLine, ToggleDot } from './utils.js';
 import Latex from 'react-latex-next';
 import 'katex/dist/katex.min.css';
 
@@ -213,7 +213,7 @@ function Article({ cache }) {
 					<h1>{story.title} <button className='copy-button' onClick={copyLink}>{copyButtonText}</button></h1>
 
 					<div className='info'>
-						Source: {sourceLink(story)}
+						Source: {sourceLink(story)} | {similarLink(story)}
 					</div>
 
 					{infoLine(story)}
diff --git a/webclient/src/utils.js b/webclient/src/utils.js
index 95806b6..0860013 100644
--- a/webclient/src/utils.js
+++ b/webclient/src/utils.js
@@ -9,6 +9,13 @@ export const sourceLink = (story) => {
 	return (<a className='source' href={url}>{host}</a>);
 };
 
+export const similarLink = (story) => {
+	const url = story.url || story.link;
+	const urlObj = new URL(url);
+	const host = urlObj.hostname.replace(/^www\./, '');
+	return (<Link to={'/search?q="'+host+'"'} className='similar'>similar</Link>);
+};
+
 export const infoLine = (story) =>
 	<div className='info'>
 		{story.score} points