\n \n \n {\n // Till all plugins are not loaded show empty content for logo as we might have logo coming from a plugin\n !arePluginsLoaded ? (\n \n \n
\n );\n}\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\nimport { apply } from '../../../lib/k8s/apiProxy';\nimport { KubeObjectInterface } from '../../../lib/k8s/cluster';\nimport { clusterAction } from '../../../redux/actions/actions';\nimport ActionButton from '../ActionButton';\nimport EditorDialog from './EditorDialog';\n\nexport default function CreateButton() {\n const dispatch = useDispatch();\n const [openDialog, setOpenDialog] = React.useState(false);\n const [errorMessage, setErrorMessage] = React.useState('');\n const location = useLocation();\n const { t } = useTranslation(['resource', 'frequent']);\n\n const applyFunc = async (newItems: KubeObjectInterface[]) => {\n await Promise.allSettled(newItems.map(newItem => apply(newItem))).then((values: any) => {\n values.forEach((value: any, index: number) => {\n if (value.status === 'rejected') {\n let msg;\n const kind = newItems[index].kind;\n const name = newItems[index].metadata.name;\n const apiVersion = newItems[index].apiVersion;\n if (newItems.length === 1) {\n msg = t('resource|Failed to create {{ kind }} {{ name }}.', { kind, name });\n } else {\n msg = t('resource|Failed to create {{ kind }} {{ name }} in {{ apiVersion }}.', {\n kind,\n name,\n apiVersion,\n });\n }\n setErrorMessage(msg);\n setOpenDialog(true);\n throw msg;\n }\n });\n });\n };\n\n function handleSave(newItemDefs: KubeObjectInterface[]) {\n let massagedNewItemDefs = newItemDefs;\n const cancelUrl = location.pathname;\n\n // check if all yaml objects are valid\n for (let i = 0; i < massagedNewItemDefs.length; i++) {\n if (massagedNewItemDefs[i].kind === 'List') {\n // flatten this List kind with the items that it has which is a list of valid k8s resources\n const deletedItem = massagedNewItemDefs.splice(i, 1);\n massagedNewItemDefs = massagedNewItemDefs.concat(deletedItem[0].items);\n }\n if (!massagedNewItemDefs[i].metadata?.name) {\n setErrorMessage(\n t(`resource|Invalid: One or more of resources doesn't have a name property`)\n );\n return;\n }\n if (!massagedNewItemDefs[i].kind) {\n setErrorMessage(t('resource|Invalid: Please set a kind to the resource'));\n return;\n }\n }\n // all resources name\n const resourceNames = massagedNewItemDefs.map(newItemDef => newItemDef.metadata.name);\n setOpenDialog(false);\n dispatch(\n clusterAction(() => applyFunc(massagedNewItemDefs), {\n startMessage: t('resource|Applying {{ newItemName }}…', {\n newItemName: resourceNames.join(','),\n }),\n cancelledMessage: t('resource|Cancelled applying {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n successMessage: t('resource|Applied {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n errorMessage: t('resource|Failed to apply {{ newItemName }}.', {\n newItemName: resourceNames.join(','),\n }),\n cancelUrl,\n })\n );\n }\n\n return (\n - \n {subList.map((item: SidebarItemProps) => (\n
\n \n {title} \n \n {description} \n \n \n \n \n \n \n
\n );\n}\n\nexport default ConfirmDialog;\n","import Box from '@material-ui/core/Box';\nimport MuiDialog, { DialogProps as MuiDialogProps } from '@material-ui/core/Dialog';\nimport MuiDialogTitle, { DialogTitleProps } from '@material-ui/core/DialogTitle';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ActionButton from './ActionButton';\n\n// We export the ConfirmDialog from here because it was declared in this file before being\n// moved to its own.\nexport { ConfirmDialog } from './ConfirmDialog';\nexport type { ConfirmDialogProps } from './ConfirmDialog';\n\nexport interface OurDialogTitleProps extends DialogTitleProps {\n /** true if you want the title focused in the dialog */\n focusTitle?: boolean;\n buttons?: React.ReactNode[];\n}\n\n/**\n * This is like Material-ui DialogTitle but fixes some a11y issues.\n *\n * First, it needs a h1 because other page content is aria-diable=true'd\n *\n * Additionally, it also focuses the title text as that is where\n * reading can begin.\n */\nexport function DialogTitle(props: OurDialogTitleProps) {\n const { children, focusTitle, buttons, disableTypography, ...other } = props;\n\n const focusedRef = React.useCallback(node => {\n if (node !== null) {\n if (focusTitle) {\n node.setAttribute('tabindex', '-1');\n node.focus();\n }\n }\n }, []);\n\n return (\n this might fail
An error has occurred: {error}
;\n * }}\n * >\n * a component that might fail
\n * \n *\n *this might fail
{searchResults()}
\n \n
\n }\n \n );\n }\n return (\n <>\n {`${ownerRef.kind}: ${ownerRef.name}`}\n {i < numItems - 1 &&
}\n \n );\n })\n .filter(element => element !== null);\n }\n\n if (typeof extraRows === 'function') {\n makeExtraRows = extraRows;\n } else if (!extraRows) {\n makeExtraRows = () => null;\n } else {\n makeExtraRows = () => extraRows as NameValueTableRow[];\n }\n\n const mainRows = (\n [\n {\n name: t('frequent|Name'),\n value: resource.metadata.name,\n },\n {\n name: t('glossary|Namespace'),\n value: resource.metadata.namespace && resource.metadata.namespace,\n hide: !resource.metadata.namespace,\n },\n {\n name: t('Creation'),\n value: localeDate(resource.metadata.creationTimestamp),\n },\n {\n name: t('Labels'),\n value: resource.metadata.labels &&
\n
\n
\n
\n \n ),\n },\n ]\n }\n sectionsFunc={item => item &&