Created <TaskFunctionName/>

Author: matt-aitken

apps/webapp/app/components/runs/v3/TaskPath.tsx

@@ -1,4 +1,6 @@
+import { InlineCode, InlineCodeVariant } from "~/components/code/InlineCode";
 import { SpanCodePathAccessory } from "./SpanTitle";
+import { cn } from "~/utils/cn";
 
 type TaskPathProps = {
   filePath: string;
@@ -16,3 +18,17 @@ export function TaskPath({ filePath, functionName, className }: TaskPathProps) {
     />
   );
 }
+
+type TaskFunctionNameProps = {
+  functionName: string;
+  variant?: InlineCodeVariant;
+  className?: string;
+};
+
+export function TaskFunctionName({ variant, functionName, className }: TaskFunctionNameProps) {
+  return (
+    <InlineCode variant={variant} className={cn("text-sun-100", className)}>
+      {functionName}()
+    </InlineCode>
+  );
+}