TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(icons): icons missing for volume presets and others (#4671)

Browse Source
This commit is contained in:
Ibrahim 2025-01-10 10:06:34 -05:00 committed by GitHub
parent 7d22480036
commit 01924b8bf2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 72 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
platform/ui-next/src/components/Icons/Icons.tsx
View File

@ -183,6 +183,7 @@ import Magnifier from './Sources/Magnifier';
import LoadingOHIFMark from './Sources/LoadingOHIFMark'; import LoadingOHIFMark from './Sources/LoadingOHIFMark';
import ArrowLeftBold from './Sources/ArrowLeftBold'; import ArrowLeftBold from './Sources/ArrowLeftBold';
import Pencil from './Sources/Pencil'; import Pencil from './Sources/Pencil';
import NotificationWarning from './Sources/NotificationWarning';
// //
// //
// //
@ -200,157 +201,157 @@ const ImageWrapper = ({ src, ...props }: { src: string } & ImageIconProps) => {
}; };
export const Icons = { export const Icons = {
CTAAA: (props: ImageIconProps) => ( 'CT-AAA': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTAAA} src={CTAAA}
{...props} {...props}
/> />
), ),
CTAAA2: (props: ImageIconProps) => ( 'CT-AAA2': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTAAA2} src={CTAAA2}
{...props} {...props}
/> />
), ),
CTAir: (props: ImageIconProps) => ( 'CT-Air': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTAir} src={CTAir}
{...props} {...props}
/> />
), ),
CTBone: (props: ImageIconProps) => ( 'CT-Bone': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTBone} src={CTBone}
{...props} {...props}
/> />
), ),
CTBones: (props: ImageIconProps) => ( 'CT-Bones': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTBones} src={CTBones}
{...props} {...props}
/> />
), ),
CTCardiac: (props: ImageIconProps) => ( 'CT-Cardiac': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCardiac} src={CTCardiac}
{...props} {...props}
/> />
), ),
CTCardiac2: (props: ImageIconProps) => ( 'CT-Cardiac2': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCardiac2} src={CTCardiac2}
{...props} {...props}
/> />
), ),
CTCardiac3: (props: ImageIconProps) => ( 'CT-Cardiac3': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCardiac3} src={CTCardiac3}
{...props} {...props}
/> />
), ),
CTChestContrastEnhanced: (props: ImageIconProps) => ( 'CT-Chest-Contrast-Enhanced': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTChestContrastEnhanced} src={CTChestContrastEnhanced}
{...props} {...props}
/> />
), ),
CTChestVessels: (props: ImageIconProps) => ( 'CT-Chest-Vessels': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTChestVessels} src={CTChestVessels}
{...props} {...props}
/> />
), ),
CTCoronaryArteries: (props: ImageIconProps) => ( 'CT-Coronary-Arteries': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCoronaryArteries} src={CTCoronaryArteries}
{...props} {...props}
/> />
), ),
CTCoronaryArteries2: (props: ImageIconProps) => ( 'CT-Coronary-Arteries-2': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCoronaryArteries2} src={CTCoronaryArteries2}
{...props} {...props}
/> />
), ),
CTCoronaryArteries3: (props: ImageIconProps) => ( 'CT-Coronary-Arteries-3': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCoronaryArteries3} src={CTCoronaryArteries3}
{...props} {...props}
/> />
), ),
CTCroppedVolumeBone: (props: ImageIconProps) => ( 'CT-Cropped-Volume-Bone': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTCroppedVolumeBone} src={CTCroppedVolumeBone}
{...props} {...props}
/> />
), ),
CTFat: (props: ImageIconProps) => ( 'CT-Fat': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTFat} src={CTFat}
{...props} {...props}
/> />
), ),
CTLiverVasculature: (props: ImageIconProps) => ( 'CT-Liver-Vasculature': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTLiverVasculature} src={CTLiverVasculature}
{...props} {...props}
/> />
), ),
CTLung: (props: ImageIconProps) => ( 'CT-Lung': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTLung} src={CTLung}
{...props} {...props}
/> />
), ),
CTMIP: (props: ImageIconProps) => ( 'CT-MIP': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTMIP} src={CTMIP}
{...props} {...props}
/> />
), ),
CTMuscle: (props: ImageIconProps) => ( 'CT-Muscle': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTMuscle} src={CTMuscle}
{...props} {...props}
/> />
), ),
CTPulmonaryArteries: (props: ImageIconProps) => ( 'CT-Pulmonary-Arteries': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTPulmonaryArteries} src={CTPulmonaryArteries}
{...props} {...props}
/> />
), ),
CTSoftTissue: (props: ImageIconProps) => ( 'CT-Soft-Tissue': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={CTSoftTissue} src={CTSoftTissue}
{...props} {...props}
/> />
), ),
DTIFABrain: (props: ImageIconProps) => ( 'DTI-FA-Brain': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={DTIFABrain} src={DTIFABrain}
{...props} {...props}
/> />
), ),
MRAngio: (props: ImageIconProps) => ( 'MR-Angio': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={MRAngio} src={MRAngio}
{...props} {...props}
/> />
), ),
MRDefault: (props: ImageIconProps) => ( 'MR-Default': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={MRDefault} src={MRDefault}
{...props} {...props}
/> />
), ),
MRMIP: (props: ImageIconProps) => ( 'MR-MIP': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={MRMIP} src={MRMIP}
{...props} {...props}
/> />
), ),
MRT2Brain: (props: ImageIconProps) => ( 'MR-T2-Brain': (props: ImageIconProps) => (
<ImageWrapper <ImageWrapper
src={MRT2Brain} src={MRT2Brain}
{...props} {...props}
@ -651,6 +652,7 @@ export const Icons = {
'status-alert': (props: IconProps) => Alert(props), 'status-alert': (props: IconProps) => Alert(props),
info: (props: IconProps) => Info(props), info: (props: IconProps) => Info(props),
'notifications-info': (props: IconProps) => NotificationInfo(props), 'notifications-info': (props: IconProps) => NotificationInfo(props),
'notificationwarning-diamond': (props: IconProps) => NotificationWarning(props),
'content-prev': (props: IconProps) => ContentPrev(props), 'content-prev': (props: IconProps) => ContentPrev(props),
'content-next': (props: IconProps) => ContentNext(props), 'content-next': (props: IconProps) => ContentNext(props),
'icon-settings': (props: IconProps) => Settings(props), 'icon-settings': (props: IconProps) => Settings(props),

44
platform/ui-next/src/components/Icons/Sources/NotificationWarning.tsx Normal file
View File

@ -0,0 +1,44 @@
import React from 'react';
import type { IconProps } from '../types';
export const NotificationInfo = (props: IconProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="13"
height="13"
viewBox="0 0 13 13"
{...props}
>
<g
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<path
fill="#F3DC43"
stroke="#F3DC43"
d="M1.217 5.076L5.54.751c.391-.39 1.024-.39 1.415 0l4.324 4.325c.391.39.391 1.024 0 1.414l-4.324 4.325c-.39.39-1.024.39-1.415 0L1.217 6.49c-.39-.39-.39-1.023 0-1.414z"
transform="translate(0 1)"
/>
<g stroke="#000">
<path
strokeWidth="1.5"
d="M0.5 3L0.5 0"
transform="translate(0 1) translate(6 3)"
/>
<path
d="M0.5 4.5L0.5 4.5"
transform="translate(0 1) translate(6 3)"
/>
<path
strokeWidth="1.5"
d="M.489 5.25c-.065.002-.127.03-.172.078-.044.048-.068.112-.065.177.005.135.115.243.25.245h.009c.065-.002.127-.03.171-.078.045-.048.068-.112.066-.177-.004-.134-.112-.241-.246-.245"
transform="translate(0 1) translate(6 3)"
/>
</g>
</g>
</svg>
);
export default NotificationInfo;