resolve peer review

src/components/FlowRunTimelineOptions.vue

@@ -1,13 +1,11 @@
 <template>
   <p-pop-over
-    ref="popOver"
     class="flow-run-timeline-options"
     auto-close
     :placement="placement"
   >
     <template #target="{ toggle }">
       <p-button
-        ref="settingsButton"
         aria-label="Flow Run Timeline Options"
         icon="CogIcon"
         flat
@@ -34,7 +32,7 @@
 <script lang="ts" setup>
   import { TimelineNodesLayoutOptions } from '@prefecthq/graphs'
   import { PButton, positions, PPopOver } from '@prefecthq/prefect-design'
-  import { computed, ref } from 'vue'
+  import { computed } from 'vue'
 
   const props = defineProps<{
     layout: TimelineNodesLayoutOptions,
@@ -46,8 +44,6 @@
     (event: 'update:hideEdges', value: boolean): void,
   }>()
 
-  const settingsButton = ref<typeof PButton>()
-  const popOver = ref<typeof PPopOver>()
   const placement = [positions.topRight, positions.bottomRight, positions.topLeft, positions.bottomLeft]
 
   const layoutOptions: {
@@ -64,7 +60,7 @@
   ]
   const layoutModel = computed({
     get: () => props.layout,
-    set: (layout: TimelineNodesLayoutOptions) => emit('update:layout', layout),
+    set: (layout) => emit('update:layout', layout),
   })
 
   const hideDependencyArrowsModel = computed({
@@ -85,7 +81,4 @@
 .flow-run-timeline-options__popover-option-set { @apply
   p-3
 }
-.flow-run-timeline-options__popover-option-set label { @apply
-  cursor-pointer
-}
 </style>