Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 3x 3x 3x 3x 3x 3x 2x 3x 2x 2x 1x 2x 5x 4x 4x 4x 4x 3x 1x 1x | import React from 'react';
import { Modal, P, Button, useI18nContext } from '@procore/core-react';
import { ArrowLeft } from '@procore/core-icons';
import { useScreenContext } from '../../../Context/ScreenContext';
import { useAddCompanyContext } from '../../../Context/AddCompanyContext';
import { useSearchContext } from '../../../Context/SearchContext';
export function PCNSearchFooter() {
const i18n = useI18nContext();
const [, setCurrentScreen] = useScreenContext();
return (
<Modal.Footer>
<Modal.FooterNotation>
<PCNSearchFooterText />
</Modal.FooterNotation>
<Modal.FooterButtons>
<Button
variant="secondary"
data-pendo="new-add-company-no-match-button"
onClick={() =>
setCurrentScreen({
currentScreen: 'ManuallyAdd',
previousScreen: 'SearchPCN',
})
}
>
{i18n.t(
'views.generic.directory.add_company_package.create_new_company'
)}
</Button>
</Modal.FooterButtons>
</Modal.Footer>
);
}
export function PCNSearchFooterText() {
const i18n = useI18nContext();
const { projectId } = useAddCompanyContext();
const [searchTerm] = useSearchContext();
const [, setCurrentScreen] = useScreenContext();
if (projectId) {
return (
<Button
variant="tertiary"
data-pendo="new-add-company-back-to-searching-company-directory"
icon={<ArrowLeft />}
onClick={() =>
setCurrentScreen({
currentScreen: 'SearchDirectory',
previousScreen: 'SearchPCN',
})
}
>
{i18n.t(
'views.generic.directory.add_company_package.back_to_searching_directory'
)}
</Button>
);
}
if (searchTerm) {
return (
<P style={{ color: '#6A767C' }}>
{i18n.t(
'views.generic.directory.add_company_package.dont_see_company_listed'
)}
</P>
);
}
return null;
}
|