skyline/src/pages/container-service/containers/Containers/Detail/Logs.jsx
xusongfu 6ecd7ce300 feat: show logs of a zun container
Show logs of a zun container

Change-Id: I6ab28850e3f802a76372e5cee62e6306029c29e2
2022-08-05 09:30:15 +08:00

45 lines
1.3 KiB
JavaScript

// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
import React, { useEffect, useState } from 'react';
import globalContainersStore from 'stores/zun/containers';
export default function Logs(props) {
const [logs, setLogs] = useState('');
const [loading, setLoading] = useState(true);
useEffect(() => {
const getLogs = async () => {
setLoading(true);
const cb = await globalContainersStore.fetchLogs(props.detail.uuid);
setLogs(cb);
setLoading(false);
};
getLogs();
}, []);
return (
<div
style={{
margin: '0 16px 16px',
padding: 16,
backgroundColor: '#90a4ae',
borderRadius: 4,
color: '#fff',
fontSize: 14,
}}
>
{logs || loading ? <pre>{logs}</pre> : t('No Logs...')}
</div>
);
}