fix: end each hot topic commit with its own dot

resources/js/components/commit-search-results.tsx

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import { CommitCard } from '@/components/commit-card';
 import { CommitSkeleton, EmptyFeed } from '@/components/commit-feed';
 import { GraphCanvas } from '@/components/graph-canvas';
+import { authorLaneColor } from '@/lib/utils';
 import type { Commit } from '@/types';
 
 export type SearchResultSet = { term: string; commits: Commit[] };
@@ -11,11 +12,13 @@ export function SearchResults({
     isWaiting = false,
     heading = 'Most relevant commits',
     empty = 'Try describing the idea in other words, or pick one of the searches below.',
+    isStandalone = false,
 }: {
     results: SearchResultSet | null;
     isWaiting?: boolean;
     heading?: string;
     empty?: ReactNode;
+    isStandalone?: boolean;
 }) {
     if (results === null) {
         return (
@@ -55,13 +58,33 @@ export function SearchResults({
                 </div>
             ) : (
                 <GraphCanvas>
-                    {results.commits.map((commit) => (
-                        <CommitCard
-                            key={commit.id}
-                            commit={commit}
-                            endsWithDot
-                        />
-                    ))}
+                    {results.commits.map((commit, index) => {
+                        if (isStandalone) {
+                            return (
+                                <CommitCard
+                                    key={commit.id}
+                                    commit={commit}
+                                    endsWithDot
+                                />
+                            );
+                        }
+
+                        const previous = results.commits[index - 1];
+
+                        return (
+                            <CommitCard
+                                key={commit.id}
+                                commit={commit}
+                                previousLane={
+                                    previous && authorLaneColor(previous.author)
+                                }
+                                graphAfter={previous?.id}
+                                endsWithDot={
+                                    index === results.commits.length - 1
+                                }
+                            />
+                        );
+                    })}
                 </GraphCanvas>
             )}
         </section>

resources/js/pages/headline/show.tsx

@@ -43,6 +43,7 @@ export default function Show({
                 results={results}
                 heading="What nullers have been saying"
                 empty="No matching commits from the past week."
+                isStandalone
             />
         </>
     );