+ //
+ //
{server.name}
+ //
+ //
+ // {searchResults.length > 0 ?
+ // searchResults.map(result => {
+ // return
+ // })
+ // :
+ //
+ // }
+ //
+ //
+ )
+}
+
+export default ServerSearch;
\ No newline at end of file
diff --git a/frontend/src/Components/ServerSearch/ServerSearchResult/ServerSearchResult.tsx b/frontend/src/Components/ServerSearch/ServerSearchResult/ServerSearchResult.tsx
new file mode 100644
index 0000000..481c256
--- /dev/null
+++ b/frontend/src/Components/ServerSearch/ServerSearchResult/ServerSearchResult.tsx
@@ -0,0 +1,20 @@
+import { Link } from "react-router-dom";
+import { getUrlForSearchResult, type SearchResult } from "../../../Lib/Search";
+import type { Server } from "../../../Lib/Servers";
+
+interface ServerSearchResultProps {
+ searchResult: SearchResult;
+ server: Server;
+}
+
+const ServerSearchResult = ({ searchResult, server }: ServerSearchResultProps) => {
+ const resultUrl = getUrlForSearchResult(searchResult, server);
+
+ return (
+