mirror of
https://github.com/apache/superset.git
synced 2026-04-20 00:24:38 +00:00
2055ecc1ba
* feat: refactor error components and add database issue code * Apply suggestions from code review Co-authored-by: John Bodley <4567245+john-bodley@users.noreply.github.com> Co-authored-by: John Bodley <4567245+john-bodley@users.noreply.github.com>
109 lines
3.1 KiB
TypeScript
109 lines
3.1 KiB
TypeScript
/**
|
||
* Licensed to the Apache Software Foundation (ASF) under one
|
||
* or more contributor license agreements. See the NOTICE file
|
||
* distributed with this work for additional information
|
||
* regarding copyright ownership. The ASF licenses this file
|
||
* to you 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 from 'react';
|
||
import { t, tn } from '@superset-ui/translation';
|
||
|
||
import { ErrorMessageComponentProps } from './types';
|
||
import IssueCode from './IssueCode';
|
||
import ErrorAlert from './ErrorAlert';
|
||
|
||
interface TimeoutErrorExtra {
|
||
issue_codes: {
|
||
code: number;
|
||
message: string;
|
||
}[];
|
||
owners?: string[];
|
||
timeout: number;
|
||
}
|
||
|
||
function TimeoutErrorMessage({
|
||
error,
|
||
source,
|
||
}: ErrorMessageComponentProps<TimeoutErrorExtra>) {
|
||
const { extra, level } = error;
|
||
|
||
const isVisualization = (['dashboard', 'explore'] as (
|
||
| string
|
||
| undefined
|
||
)[]).includes(source);
|
||
|
||
const subtitle = isVisualization
|
||
? tn(
|
||
'We’re having trouble loading this visualization. Queries are set to timeout after %s second.',
|
||
'We’re having trouble loading this visualization. Queries are set to timeout after %s seconds.',
|
||
extra.timeout,
|
||
extra.timeout,
|
||
)
|
||
: tn(
|
||
'We’re having trouble loading these results. Queries are set to timeout after %s second.',
|
||
'We’re having trouble loading these results. Queries are set to timeout after %s seconds.',
|
||
extra.timeout,
|
||
extra.timeout,
|
||
);
|
||
|
||
const body = (
|
||
<>
|
||
<p>
|
||
{t('This may be triggered by:')}
|
||
<br />
|
||
{extra.issue_codes
|
||
.map<React.ReactNode>(issueCode => <IssueCode {...issueCode} />)
|
||
.reduce((prev, curr) => [prev, <br />, curr])}
|
||
</p>
|
||
{isVisualization && extra.owners && (
|
||
<>
|
||
<br />
|
||
<p>
|
||
{tn(
|
||
'Please reach out to the Chart Owner for assistance.',
|
||
'Please reach out to the Chart Owners for assistance.',
|
||
extra.owners.length,
|
||
)}
|
||
</p>
|
||
<p>
|
||
{tn(
|
||
'Chart Owner: %s',
|
||
'Chart Owners: %s',
|
||
extra.owners.length,
|
||
extra.owners.join(', '),
|
||
)}
|
||
</p>
|
||
</>
|
||
)}
|
||
</>
|
||
);
|
||
|
||
const copyText = `${subtitle}
|
||
${t('This may be triggered by:')}
|
||
${extra.issue_codes.map(issueCode => issueCode.message).join('\n')}`;
|
||
|
||
return (
|
||
<ErrorAlert
|
||
title={t('Timeout Error')}
|
||
subtitle={subtitle}
|
||
level={level}
|
||
source={source}
|
||
copyText={copyText}
|
||
body={body}
|
||
/>
|
||
);
|
||
}
|
||
|
||
export default TimeoutErrorMessage;
|