Fully support displaying all supported PodVolume types (#4131)

src/renderer/components/+user-management/+cluster-role-bindings/details.tsx

@@ -68,7 +68,7 @@ export class ClusterRoleBindingDetails extends React.Component<ClusterRoleBindin
       <div className="ClusterRoleBindingDetails">
         <KubeObjectMeta object={clusterRoleBinding} />
 
-        <DrawerTitle title="Reference" />
+        <DrawerTitle>Reference</DrawerTitle>
         <Table>
           <TableHead>
             <TableCell>Kind</TableCell>
@@ -82,7 +82,7 @@ export class ClusterRoleBindingDetails extends React.Component<ClusterRoleBindin
           </TableRow>
         </Table>
 
-        <DrawerTitle title="Bindings" />
+        <DrawerTitle>Bindings</DrawerTitle>
         {subjects.length > 0 && (
           <Table selectable className="bindings box grow">
             <TableHead>

src/renderer/components/+user-management/+cluster-roles/details.tsx

@@ -28,7 +28,7 @@ export class ClusterRoleDetails extends React.Component<ClusterRoleDetailsProps>
       <div className="ClusterRoleDetails">
         <KubeObjectMeta object={clusterRole}/>
 
-        <DrawerTitle title="Rules"/>
+        <DrawerTitle>Rules</DrawerTitle>
         {rules.map(({ resourceNames, apiGroups, resources, verbs }, index) => {
           return (
             <div className="rule" key={index}>

src/renderer/components/+user-management/+role-bindings/details.tsx

@@ -64,7 +64,7 @@ export class RoleBindingDetails extends React.Component<RoleBindingDetailsProps>
       <div className="RoleBindingDetails">
         <KubeObjectMeta object={roleBinding} />
 
-        <DrawerTitle title="Reference" />
+        <DrawerTitle>Reference</DrawerTitle>
         <Table>
           <TableHead>
             <TableCell>Kind</TableCell>
@@ -78,7 +78,7 @@ export class RoleBindingDetails extends React.Component<RoleBindingDetailsProps>
           </TableRow>
         </Table>
 
-        <DrawerTitle title="Bindings" />
+        <DrawerTitle>Bindings</DrawerTitle>
         {subjects.length > 0 && (
           <Table selectable className="bindings box grow">
             <TableHead>

src/renderer/components/+user-management/+roles/details.tsx

@@ -27,7 +27,7 @@ export class RoleDetails extends React.Component<RoleDetailsProps> {
     return (
       <div className="RoleDetails">
         <KubeObjectMeta object={role}/>
-        <DrawerTitle title="Rules"/>
+        <DrawerTitle>Rules</DrawerTitle>
         {rules.map(({ resourceNames, apiGroups, resources, verbs }, index) => {
           return (
             <div className="rule" key={index}>

src/renderer/components/+user-management/+service-accounts/details.tsx

@@ -143,7 +143,7 @@ export class ServiceAccountsDetails extends React.Component<ServiceAccountsDetai
         </DrawerItem>
         }
 
-        <DrawerTitle title="Mountable secrets"/>
+        <DrawerTitle>Mountable secrets</DrawerTitle>
         <div className="secrets">
           {this.renderSecrets()}
         </div>