starling-devex 0.1.2

Starling: a local dev orchestrator with a central daemon, shared named-URL proxy, and a k9s-style TUI (a Rust port of Tilt + portless)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

import React from "react"
import styled from "styled-components"
import { InstrumentedButton } from "./instrumentedComponents"
import LogStore, { useLogStore } from "./LogStore"
import {
  AnimDuration,
  Color,
  FontSize,
  mixinResetButtonStyle,
} from "./style-helpers"
import { ResourceName } from "./types"
import type { LogSpan } from "./webview"

const ClearLogsButton = styled(InstrumentedButton)`
  ${mixinResetButtonStyle};
  font-size: ${FontSize.small};
  color: ${Color.white};
  transition: color ${AnimDuration.default} ease;

  &:hover {
    color: ${Color.blue};
  }
`

export interface ClearLogsProps {
  resourceName: string
}

export const clearLogs = (logStore: LogStore, resourceName: string) => {
  let spans: { [key: string]: LogSpan }
  const all = resourceName === ResourceName.all
  if (all) {
    spans = logStore.allSpans()
  } else {
    spans = logStore.spansForManifest(resourceName)
  }
  logStore.removeSpans(Object.keys(spans))
}

const ClearLogs: React.FC<ClearLogsProps> = ({ resourceName }) => {
  const logStore = useLogStore()
  const all = resourceName == ResourceName.all
  const label = "Clear"

  return (
    <ClearLogsButton onClick={() => clearLogs(logStore, resourceName)}>
      {label}
    </ClearLogsButton>
  )
}

export default ClearLogs