143f06aa39
Co-authored-by: Vadim Smirnov <smirnou.vadzim@gmail.com> Co-authored-by: zakariasaad <zakaria.elas@gmail.com> Co-authored-by: Vilfred Sikker <vilfredsikker@gmail.com> Co-authored-by: olivermrbl <oliver@mrbltech.com>
18 lines
425 B
JavaScript
18 lines
425 B
JavaScript
import React from "react"
|
|
import { Flex, Text } from "theme-ui"
|
|
import { formatRoute } from "../../utils/format-route"
|
|
|
|
const Route = ({ method, path }) => {
|
|
const fixedMethod = method.toUpperCase()
|
|
return (
|
|
<Flex sx={{ fontFamily: "monospace" }}>
|
|
<Text variant={`labels.${fixedMethod}`} mr={1}>
|
|
{fixedMethod}
|
|
</Text>
|
|
<Text>{formatRoute(path)}</Text>
|
|
</Flex>
|
|
)
|
|
}
|
|
|
|
export default Route
|