teams: feature toggle component

public/app/core/components/WithFeatureToggle.tsx

+import React, { FunctionComponent } from 'react';
+
+export interface Props {
+  featureToggle: boolean;
+}
+
+export const WithFeatureToggle: FunctionComponent<Props> = ({ featureToggle, children }) => {
+  if (featureToggle === true) {
+    return <>{children}</>;
+  }
+
+  return null;
+};

public/app/features/teams/TeamMembers.tsx

@@ -8,6 +8,8 @@ import { TeamMember, User, teamsPermissionLevels } from 'app/types';
 import { loadTeamMembers, addTeamMember, removeTeamMember, setSearchMemberQuery } from './state/actions';
 import { getSearchMemberQuery, getTeamMembers } from './state/selectors';
 import { FilterInput } from 'app/core/components/FilterInput/FilterInput';
+import { WithFeatureToggle } from 'app/core/components/WithFeatureToggle';
+import { config } from 'app/core/config';
 
 export interface Props {
   members: TeamMember[];
@@ -78,18 +80,20 @@ export class TeamMembers extends PureComponent<Props, State> {
         </td>
         <td>{member.login}</td>
         <td>{member.email}</td>
-        <td>
-          <div className="gf-form">
-            <Select
-              isSearchable={false}
-              options={teamsPermissionLevels}
-              onChange={() => {}}
-              className="gf-form-select-box__control--menu-right"
-              value={currentPermissionLevel}
-              isDisabled={true}
-            />
-          </div>
-        </td>{' '}
+        <WithFeatureToggle featureToggle={config.editorsCanOwn}>
+          <td>
+            <div className="gf-form">
+              <Select
+                isSearchable={false}
+                options={teamsPermissionLevels}
+                onChange={() => {}}
+                className="gf-form-select-box__control--menu-right"
+                value={currentPermissionLevel}
+                isDisabled={true}
+              />
+            </div>
+          </td>
+        </WithFeatureToggle>
         {syncEnabled && this.renderLabels(member.labels)}
         <td className="text-right">
           <DeleteButton onConfirm={() => this.onRemoveMember(member)} />
@@ -145,7 +149,9 @@ export class TeamMembers extends PureComponent<Props, State> {
                 <th />
                 <th>Name</th>
                 <th>Email</th>
-                <th>Permission</th>
+                <WithFeatureToggle featureToggle={config.editorsCanOwn}>
+                  <th>Permission</th>
+                </WithFeatureToggle>
                 {syncEnabled && <th />}
                 <th style={{ width: '1%' }} />
               </tr>