One Hat Cyber Team

⚝ One Hat Cyber Team ⚝

Your IP: 216.73.217.4
Server IP: 41.128.143.86
Server: Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software: Apache
PHP Version: 8.3.23
Buat File | Buat Folder

Dir : ~/usr/share/grafana/public/app/features/profile/

Edit File: UserTeams.tsx

import React, { PureComponent } from 'react';

import { LoadingPlaceholder } from '@grafana/ui';
import { Team } from 'app/types';

export interface Props {
  teams: Team[];
  isLoading: boolean;
}

export class UserTeams extends PureComponent<Props> {
  render() {
    const { isLoading, teams } = this.props;

if (isLoading) {
      return <LoadingPlaceholder text="Loading teams..." />;
    }

if (teams.length === 0) {
      return null;
    }

return (
      <div>
        <h3 className="page-sub-heading">Teams</h3>
        <table className="filter-table form-inline" aria-label="User teams table">
          <thead>
            <tr>
              <th />
              <th>Name</th>
              <th>Email</th>
              <th>Members</th>
            </tr>
          </thead>
          <tbody>
            {teams.map((team: Team, index) => {
              return (
                <tr key={index}>
                  <td className="width-4 text-center">
                    <img className="filter-table__avatar" src={team.avatarUrl} alt="" />
                  </td>
                  <td>{team.name}</td>
                  <td>{team.email}</td>
                  <td>{team.memberCount}</td>
                </tr>
              );
            })}
          </tbody>
        </table>
      </div>
    );
  }
}

export default UserTeams;