Apply selection highlighter to function sigs

src/components/SelectionHighlighter.tsx

@@ -18,6 +18,8 @@ export const genericSelector =
     selection.content === content;
 
 export const addressSelector: ContentSelector = genericSelector("address");
+export const functionSigSelector: ContentSelector =
+  genericSelector("functionSig");
 
 type SelectionHighlighterProps = React.PropsWithChildren<{
   myType: SelectionType;

src/transaction/FunctionSignature.tsx

@@ -1,4 +1,7 @@
 import React from "react";
+import SelectionHighlighter, {
+  functionSigSelector,
+} from "../components/SelectionHighlighter";
 
 type FunctionSignatureProps = {
   callType: string;
@@ -9,6 +12,11 @@ const FunctionSignature: React.FC<FunctionSignatureProps> = ({
   callType,
   sig,
 }) => (
+  <SelectionHighlighter
+    myType="functionSig"
+    myContent={sig}
+    selector={functionSigSelector}
+  >
     <span
       className={`font-bold ${
         callType === "STATICCALL"
@@ -20,6 +28,7 @@ const FunctionSignature: React.FC<FunctionSignatureProps> = ({
     >
       {sig}
     </span>
+  </SelectionHighlighter>
 );
 
 export default FunctionSignature;