fix: OU-1195 translations and optional chaining

Author: zhuje

web/locales/en/plugin__monitoring-plugin.json

@@ -186,10 +186,11 @@
   "Dashboard name is required": "Dashboard name is required",
   "Failed to create dashboard. Please try again.": "Failed to create dashboard. Please try again.",
   "Create": "Create",
-  "Create button is disabled because you do not have permission": "Create button is disabled because you do not have permission",
+  "You don't have permissions to create dashboards": "You don't have permissions to create dashboards",
   "Create Dashboard": "Create Dashboard",
   "Select project": "Select project",
   "Select a project": "Select a project",
+  "No project found for \"{{filter}}\"": "No project found for \"{{filter}}\"",
   "my-new-dashboard": "my-new-dashboard",
   "Creating...": "Creating...",
   "View and manage dashboards.": "View and manage dashboards.",

web/src/components/dashboards/perses/dashboard-create-dialog.tsx

@@ -172,7 +172,7 @@ export const DashboardCreateDialog: React.FunctionComponent = () => {
   return (
     <>
       {disabled ? (
-        <Tooltip content={t('Create button is disabled because you do not have permission')}>
+        <Tooltip content={t("You don't have permissions to create dashboards")}>
           <span style={{ cursor: 'not-allowed' }}>
             <CreateBtn />
           </span>
@@ -222,7 +222,9 @@ export const DashboardCreateDialog: React.FunctionComponent = () => {
                 key={selectedProject || 'no-selection'}
                 initialOptions={projectOptions}
                 placeholder={t('Select a project')}
-                noOptionsFoundMessage={(filter) => t(`No project found for "${filter}"`)}
+                noOptionsFoundMessage={(filter) =>
+                  t('No project found for "{{filter}}"', { filter })
+                }
                 onClearSelection={() => {
                   setSelectedProject(null);
                 }}

web/src/components/dashboards/perses/hooks/useEditableProjects.ts

@@ -21,7 +21,7 @@ const combinePersesAndOcpProjects = (
 ): string[] => {
   const persesProjectNames = Object.keys(persesUserPermissions).filter((name) => name !== '*');
   const allAvailableProjects = new Set<string>([...persesProjectNames]);
-  ocpProjects?.forEach((project) => {
+  ocpProjects.forEach((project) => {
     if (project.metadata?.name) {
       allAvailableProjects.add(project.metadata.name);
     }