23 lines
622 B
TypeScript
23 lines
622 B
TypeScript
import React from 'react';
|
|
import { FiPauseCircle, FiPlayCircle } from 'react-icons/fi';
|
|
import { AppStatusEnum } from '../../generated/graphql';
|
|
|
|
const AppStatus: React.FC<{ status: AppStatusEnum }> = ({ status }) => {
|
|
if (status === AppStatusEnum.Running) {
|
|
return (
|
|
<>
|
|
<FiPlayCircle className="text-green-500 mr-1" size={20} />
|
|
<span className="text-gray-400 text-sm">Running</span>
|
|
</>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<FiPauseCircle className="text-red-500 mr-1" size={20} />
|
|
<span className="text-gray-400 text-sm">Stopped</span>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default AppStatus;
|