An error occurred while initializing application
;
51 | }
52 |
53 | if (!hasBootstrapped) {
54 | return null;
55 | }
56 |
57 |
58 | return (
59 |
19 |
27 |
20 |
26 |
21 |
25 |
22 |
24 | {t('List')}
23 |
27 |
54 |
28 |
50 |
29 |
49 | {t(title || '')}
30 | {!!breadCrumbs && ( 31 | 47 | )} 48 |
51 | {buttons}
52 |
53 |
6 |
75 | );
76 | };
--------------------------------------------------------------------------------
/src/app-admin/containers/layout/layout.tsx:
--------------------------------------------------------------------------------
1 | import React, {FunctionComponent, PropsWithChildren} from 'react';
2 | import Navigation from "./navbar";
3 | import {Sidebar} from "./sidebar";
4 | import {useSelector} from "react-redux";
5 | import {isUserLoggedIn} from "../../../duck/auth/auth.selector";
6 |
7 | export interface Props extends PropsWithChildren {
8 | isLoading?: boolean;
9 | }
10 |
11 | const Layout: FunctionComponent
7 |
74 |
8 |
73 |
9 |
23 |
10 |
22 | Do you have questions?
11 |Call or visit us.
12 |
13 | + (231) 777432694
14 |
15 | 16 | Duport Road, Paynesville, Liberia 17 |
18 |19 | info@liberrands.com 20 |
21 |
24 |
45 |
25 |
44 | Useful Links
26 |-
27 |
- 28 | About Us 29 | 30 |
- 31 | Pricing 32 | 33 |
- 34 | Privacy Policy 35 | 36 |
- 37 | Terms & Conditions 38 | 39 |
- 40 | Cookies Policy 41 | 42 |
46 |
57 |
47 |
56 | -
48 |
- 49 | Disclaimer 50 | 51 |
- 52 | Contact 53 | 54 |
58 |
67 | Connect With Us
59 |Join us on Our Social Platforms for latest news & Updates
60 |-
61 |
68 |
72 |
69 | Copyright 2021 liberrands.com All Rights Reserved | Developed by: Smile Solutions, Inc.
70 |
71 | {description}
55 | )} 56 |
57 |
58 |
59 |
60 |
61 | )
62 | }
63 |
--------------------------------------------------------------------------------
/src/app-common/components/confirm/notification.ts:
--------------------------------------------------------------------------------
1 | import { notification} from 'antd';
2 | import {ReactNode} from "react";
3 | import {IconType, NotificationPlacement} from "antd/es/notification/interface";
4 |
5 | interface NotifyProps{
6 | title?: ReactNode;
7 | description?: ReactNode;
8 | onClick?: () => void;
9 | icon?: ReactNode;
10 | type?: IconType;
11 | placement?: NotificationPlacement;
12 | duration?: number;
13 | }
14 | export const notify = ({
15 | title, description, onClick, type, placement, duration
16 | }: NotifyProps) => {
17 | notification.open({
18 | message: title || type?.toUpperCase(),
19 | description: description,
20 | type: type,
21 | onClick,
22 | placement: placement || 'bottomRight',
23 | key: 'persistent',
24 | duration: duration || 2,
25 | });
26 | };
27 |
--------------------------------------------------------------------------------
/src/app-common/components/container/trap.focus.tsx:
--------------------------------------------------------------------------------
1 | import { PropsWithChildren } from "react";
2 |
3 | interface Props extends PropsWithChildren {
4 | inputRef: HTMLInputElement | null;
5 | }
6 |
7 | export const TrapFocus = (props: Props) => {
8 | const trap = (event: any) => {
9 | if (document.body.classList.contains("ReactModal__Body--open")) return; // skip in modal
10 |
11 | const inputNodes = ["INPUT", "SELECT", "TEXTAREA"];
12 | const inputClasses = [
13 | 'rs-__input', 'rs-__input-container', 'rs-__control--is-focused', 'rs-__placeholder', 'rs-__single-value'
14 | ];
15 |
16 | const oneOfClasses = () => {
17 | for(const inputCls of inputClasses){
18 | if(event.target.classList.contains(inputCls)){
19 |
20 | return true;
21 | }
22 | }
23 | return false;
24 | }
25 |
26 | if(oneOfClasses()){
27 | return;
28 | }
29 |
30 | if (
31 | event.target !== props.inputRef &&
32 | (oneOfClasses() || inputNodes.includes(event.target.nodeName))
33 | ) {
34 | return;
35 | }
36 |
37 | if (props.inputRef !== null) {
38 | props.inputRef.select();
39 | }
40 | };
41 |
42 | return (
43 |
44 | {props.children}
45 |
46 | );
47 | };
48 |
--------------------------------------------------------------------------------
/src/app-common/components/dynamic.value/dynamic.value.tsx:
--------------------------------------------------------------------------------
1 | import useApi from "../../../api/hooks/use.api";
2 | import { useEffect } from "react";
3 | // @ts-ignore
4 | import Loader from '../../../assets/images/spinner.svg';
5 |
6 | interface Props {
7 | cacheKey: string;
8 | url?: string;
9 | displayLoader?: boolean;
10 | render?: (data: any) => void;
11 | properties?: string[];
12 | }
13 |
14 | export const DynamicValue = ({
15 | url, displayLoader, render, properties, cacheKey
16 | }: Props) => {
17 | // disable default firing
18 | const useLoadHook = useApi
12 |
13 | 
17 |
20 |
21 |
22 | 404
14 |{t("The page you are looking for doesn't exist.")}
15 | {t('Back to home')} 16 |
18 |
19 |