diff --git a/src/components/Atomic/StatusBar/StatusBar.scss b/src/components/Atomic/StatusBar/StatusBar.scss deleted file mode 100644 index 25a202ab..00000000 --- a/src/components/Atomic/StatusBar/StatusBar.scss +++ /dev/null @@ -1,63 +0,0 @@ -@import '../../../common/styles/colors'; -@import '../../../common/styles/sizes'; - -.status-bar { - position: fixed; - top: 0; - right: 0; - width: calc(100% - #{$left_panel_expanded}); - height: $status_bar_height; - background: $light_100; -} - -#status-bar { - z-index: 10; - display: flex; - align-items: center; - justify-content: flex-end; - padding: 0 40px; - color: $secondary_40; - - .status-bar-item { - position: relative; - margin-left: 30px; - - .toggle { - display: flex; - align-items: center; - height: 50px; - cursor: pointer; - - i { - font-size: 10px; - margin-left: 7px; - color: $primary_100; - width: 10px; - height: 10px; - display: flex; - align-items: center; - justify-content: center; - } - } - - .content { - position: absolute; - top: 100%; - right: 0; - background: $light_100; - box-shadow: 0 10px 20px 0 rgba($shadow_100, 0.5); - } - } -} - -#status-bar-shadow { - z-index: 8; - box-shadow: 0 10px 20px 0 rgba($shadow_100, 0.5); -} - -// Collapsed menu state -#app.collapsed { - .status-bar { - width: calc(100% - #{$left_panel_collapsed}); - } -} \ No newline at end of file diff --git a/src/components/Atomic/StatusBar/StatusBar.tsx b/src/components/Atomic/StatusBar/StatusBar.tsx deleted file mode 100644 index 83c3e845..00000000 --- a/src/components/Atomic/StatusBar/StatusBar.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { memo, ReactNode } from 'react' -import LanguageSwitcher from '../LanguageSwitcher' -// import './StatusBar.scss' - -const StatusBar = memo(({ children }: { children?: ReactNode }) => ( - <> -
-
- {/* Insert custom components here. */} - - {children} -
- -)) - -StatusBar.displayName = 'StatusBar' - -export default StatusBar diff --git a/src/components/Atomic/StatusBar/index.ts b/src/components/Atomic/StatusBar/index.ts deleted file mode 100644 index 8bd53983..00000000 --- a/src/components/Atomic/StatusBar/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export { default } from './StatusBar' -export * from './StatusBar' diff --git a/src/stories/Organism/CaPoolModal.stories.tsx b/src/stories/Organism/CaPoolModal.stories.tsx new file mode 100644 index 00000000..59243b64 --- /dev/null +++ b/src/stories/Organism/CaPoolModal.stories.tsx @@ -0,0 +1,151 @@ +import React from 'react' +import { StoryFn } from '@storybook/react' +import CaPoolModal from '../../components/Organisms/CaPoolModal' + +export default { + title: 'Organism/CaPoolModal', + component: CaPoolModal, + argTypes: {}, +} + +const caData = { + title: 'CA Pool Detail', + subTitle: 'CN: Root CA', + data: [ + { + ext: { + aia: { + critical: false, + }, + aKID: null, + basicConstraints: { + cA: true, + critical: true, + }, + cp: { + critical: false, + }, + keyUsages: { + critical: true, + purposes: ['Certificate Signing', 'CRL Signing'], + }, + msCrypto: { + exists: false, + }, + ocspStaple: { + critical: false, + required: false, + }, + scts: { + critical: false, + timestamps: [], + }, + sKID: { + critical: false, + id: 'DE:60:09:A9:5E:1B:00:D5:86:DF:87:62:A9:FC:0A:87:1A:8A:47:F1', + }, + san: { + altNames: [], + critical: false, + }, + }, + files: { + pem: '-----BEGIN%20CERTIFICATE-----%0D%0AMIIBZTCCAQqgAwIBAgIQQJcvpwtpUBg42Io1sGFeHDAKBggqhkjOPQQDAjASMRAw%0D%0ADgYDVQQDEwdSb290IENBMB4XDTI0MDEyOTE3Mzg1MFoXDTI1MDEyODE3Mzg1MFow%0D%0AEjEQMA4GA1UEAxMHUm9vdCBDQTBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABA0b%0D%0AeUYp3iFXkU0WU3fFi4knWmU8R1YZXcFded8sufEbx5epZ0g2mdMfi2BnIUMsNUQR%0D%0AP60y/vNMSJfPgoq9Wt+jQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNVHRMBAf8EBTAD%0D%0AAQH/MB0GA1UdDgQWBBTeYAmpXhsA1Ybfh2Kp/AqHGopH8TAKBggqhkjOPQQDAgNJ%0D%0AADBGAiEAhi4KDlJwkrg2sl72TtG7EwQlGYuw0vn8OjcyLm2kOMUCIQC7TuTHUqbd%0D%0AyKRJYRSVXfYDlrvPyGofp0c+1rRYCJVp2w==%0D%0A-----END%20CERTIFICATE-----%0D%0A', + }, + fingerprint: { + sha1: 'CA:1D:41:B7:45:47:5B:C7:E8:9B:F4:D8:26:60:CF:81:BE:49:E1:76', + sha256: '31:BA:F7:8A:CF:DA:E1:30:A3:12:99:00:99:4C:23:FB:0F:CA:D6:95:6E:56:6D:D9:C7:4A:D6:F6:97:C0:C2:BC', + }, + issuer: { + cn: 'Root CA', + dn: 'cn=Root CA', + entries: [['Common Name', 'Root CA']], + }, + notBefore: '29. 1. 2024 18:38:50 (stredoeurópsky letný čas)', + notBeforeUTC: 'Mon, 29 Jan 2024 17:38:50 GMT', + notAfter: '28. 1. 2025 18:38:50 (stredoeurópsky letný čas)', + notAfterUTC: 'Tue, 28 Jan 2025 17:38:50 GMT', + subject: { + cn: 'Root CA', + dn: 'cn=Root CA', + entries: [['Common Name', 'Root CA']], + }, + serialNumber: '40:97:2F:A7:0B:69:50:18:38:D8:8A:35:B0:61:5E:1C', + signature: { + name: 'ECDSA with SHA-256', + type: '1.2.840.10045.4.3.2', + }, + subjectPublicKeyInfo: { + kty: 'Elliptic Curve', + keysize: 256, + x: '0D:1B:79:46:29:DE:21:57:91:4D:16:53:77:C5:8B:89:27:5A:65:3C:47:56:19:5D:C1:5D:79:DF:2C:B9:F1:1B', + y: 'C7:97:A9:67:48:36:99:D3:1F:8B:60:67:21:43:2C:35:44:11:3F:AD:32:FE:F3:4C:48:97:CF:82:8A:BD:5A:DF', + xy: '04:0D:1B:79:46:29:DE:21:57:91:4D:16:53:77:C5:8B:89:27:5A:65:3C:47:56:19:5D:C1:5D:79:DF:2C:B9:F1:1B:C7:97:A9:67:48:36:99:D3:1F:8B:60:67:21:43:2C:35:44:11:3F:AD:32:FE:F3:4C:48:97:CF:82:8A:BD:5A:DF', + }, + unsupportedExtensions: [], + version: '3', + }, + ], + dataChain: + '-----BEGIN CERTIFICATE-----\nMIIBZTCCAQqgAwIBAgIQQJcvpwtpUBg42Io1sGFeHDAKBggqhkjOPQQDAjASMRAw\nDgYDVQQDEwdSb290IENBMB4XDTI0MDEyOTE3Mzg1MFoXDTI1MDEyODE3Mzg1MFow\nEjEQMA4GA1UEAxMHUm9vdCBDQTBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABA0b\neUYp3iFXkU0WU3fFi4knWmU8R1YZXcFded8sufEbx5epZ0g2mdMfi2BnIUMsNUQR\nP60y/vNMSJfPgoq9Wt+jQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNVHRMBAf8EBTAD\nAQH/MB0GA1UdDgQWBBTeYAmpXhsA1Ybfh2Kp/AqHGopH8TAKBggqhkjOPQQDAgNJ\nADBGAiEAhi4KDlJwkrg2sl72TtG7EwQlGYuw0vn8OjcyLm2kOMUCIQC7TuTHUqbd\nyKRJYRSVXfYDlrvPyGofp0c+1rRYCJVp2w==\n-----END CERTIFICATE-----\n', +} + +const Template = (args: any) => { + return ( +
+ {}} + show={true} + subTitle={caData.subTitle} + title={caData.title} + /> +
+ ) +} + +export const Default: StoryFn = Template.bind({}) +Default.args = {} diff --git a/src/stories/InitializedByDifferentUser.stories.tsx b/src/stories/Pages/InitializedByDifferentUser.stories.tsx similarity index 82% rename from src/stories/InitializedByDifferentUser.stories.tsx rename to src/stories/Pages/InitializedByDifferentUser.stories.tsx index c7160db0..82f93764 100644 --- a/src/stories/InitializedByDifferentUser.stories.tsx +++ b/src/stories/Pages/InitializedByDifferentUser.stories.tsx @@ -1,5 +1,5 @@ import React from 'react' -import InitializedByDifferentUser from '../components/Organisms/InitializedByDifferentUser' +import InitializedByDifferentUser from '../../components/Organisms/InitializedByDifferentUser' import { StoryFn } from '@storybook/react' export default { diff --git a/src/stories/Pages/NotFoundPage.stories.tsx b/src/stories/Pages/NotFoundPage.stories.tsx new file mode 100644 index 00000000..5f0728b9 --- /dev/null +++ b/src/stories/Pages/NotFoundPage.stories.tsx @@ -0,0 +1,22 @@ +import React from 'react' +import { StoryFn } from '@storybook/react' +import NotFoundPage from '../../components/Templates/NotFoundPage' + +export default { + title: 'Pages/NotFoundPage', + component: NotFoundPage, + argTypes: {}, +} + +const Template = (args: any) => ( +
+ +
+) + +export const Default: StoryFn = Template.bind({}) + +Default.args = {} +Default.parameters = { + layout: 'fullscreen', +} diff --git a/tests/components.spec.ts b/tests/components.spec.ts index 05e0e54a..72605749 100644 --- a/tests/components.spec.ts +++ b/tests/components.spec.ts @@ -48,7 +48,7 @@ const components = [ }, { group: 'Pages', - items: [{ name: 'InitializedByDifferentUser' }], + items: [{ name: 'InitializedByDifferentUser' }, { name: 'NotFoundPage' }], }, { group: 'Keycloak',