Spaces:
Running
Running
File size: 3,425 Bytes
599f646 e23b66d 599f646 e23b66d 599f646 e23b66d 599f646 e23b66d 599f646 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 |
/**
*
* Copyright 2023-2025 InspectorRAGet Team
*
* 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.
*
**/
'use client';
import Link from 'next/link';
import { React, memo } from 'react';
import {
Header,
HeaderName,
HeaderGlobalBar,
HeaderGlobalAction,
Theme,
} from '@carbon/react';
import {
Home,
DocumentExport,
Debug,
LogoGithub,
Awake,
Asleep,
} from '@carbon/icons-react';
import { useTheme } from '@/src/theme';
import { useDataStore } from '@/src/store';
import { useNotification } from '@/src/components/notification/Notification';
import { exportData } from '@/src/processor';
import classes from './Header.module.scss';
export default memo(function HeaderView() {
const { theme, set } = useTheme();
const { item, taskMap } = useDataStore();
const { createNotification } = useNotification();
return (
<Header aria-label="InspectorRAGet">
<Link className={classes.homeBtn} href="/">
<Home height={'16px'} width={'16px'} />
</Link>
<HeaderName prefix="">InspectorRAGet</HeaderName>
<HeaderGlobalBar>
<HeaderGlobalAction
aria-label={
theme === 'g10' ? 'Switch to dark mode' : 'Switch to light mode'
}
onClick={() => {
theme === 'g10' ? set('g90') : set('g10');
}}
>
{theme === 'g10' ? <Asleep size={20} /> : <Awake size={20} />}
</HeaderGlobalAction>
<HeaderGlobalAction
aria-label="Export"
onClick={() => {
const success = exportData(item, Array.from(taskMap.values()));
if (success) {
// Notify user about successfuly export
createNotification({
kind: 'success',
title: 'Export successful.',
subtitle: 'Please look into browser default save location.',
});
} else {
// Notify user about invalid request
createNotification({
kind: 'error',
title: 'Export unsuccessful.',
subtitle: 'No visualized analytics data available to export.',
});
}
}}
>
<DocumentExport size={20} />
</HeaderGlobalAction>
<HeaderGlobalAction
aria-label="Report bug"
onClick={() => {
window.open(
'https://github.com/IBM/InspectorRAGet/issues/new?assignees=&labels=&template=bug_report.md&title=',
'_blank',
);
}}
>
<Debug size={20} />
</HeaderGlobalAction>
<HeaderGlobalAction
aria-label="Github"
onClick={() => {
window.open('https://github.com/IBM/InspectorRAGet', '_blank');
}}
>
<LogoGithub size={20} />
</HeaderGlobalAction>
</HeaderGlobalBar>
</Header>
);
});
|