@abcagency/hc-ui-components 1.3.21 → 1.3.22

package/src/components/modules/dialogs/apply-dialog.js

@@ -1,48 +1,48 @@
-import React from 'react';
-import * as Dialog from '@radix-ui/react-dialog';
-
-import Button from '~/components/modules/buttons/default';
-import Icon from '~/components/modules/icon';
-
-const ApplyDialog = ({ children, applyUrl, internalApplyLink, companyName }) => (
-
-	<Dialog.Root >
-		<Dialog.Trigger asChild>
-			{children}
-		</Dialog.Trigger>
-		<Dialog.Portal>
-			<Dialog.Overlay className="hc-bg-black/50 hc-fixed hc-inset-0 hc-animate-overlayShow" />
-			<Dialog.Content className="hc-fit-content hc-animate-contentShow hc-fixed hc-inset-0 hc-m-auto hc-max-h-[85vh] hc-w-[90vw] hc-max-w-[450px] hc-rounded-[6px] hc-bg-white hc-p-[25px] hc-shadow-lg focus:hc-outline-none hc-flex hc-flex-col hc-items-center hc-text-center">
-				<Dialog.Title className="hc-text-[17px] hc-font-medium hc-w-full">
-					Career Opportunities
-				</Dialog.Title>
-				<Dialog.Description className="hc-mt-4 hc-mb-5 hc-text-[15px] hc-leading-normal hc-w-full">
-					Are you currently a {companyName} employee?
-				</Dialog.Description>
-				<div className="hc-flex hc-justify-center hc-space-x-4 hc-w-full">
-					<Dialog.Close asChild>
-						<Button.Anchor variant="outline" href={internalApplyLink}>
-							Yes
-						</Button.Anchor>
-					</Dialog.Close>
-					<Dialog.Close asChild>
-						<Button.Anchor variant="primary" href={applyUrl}>
-							No
-						</Button.Anchor>
-					</Dialog.Close>
-				</div>
-				<Dialog.Close asChild>
-					<Button.Anchor className="hc-absolute hc-top-[10px] hc-right-[10px] hc-inline-flex hc-h-[25px] hc-w-[25px] hc-items-center hc-justify-center hc-rounded-full focus:hc-outline-none"
-						variant="ghost" aria-label="Close">
-						<Icon
-							icon="mdi:times"
-							className="hc-cursor-pointer hc-text-black hover:hc-text-gray-500 hover:hc-opacity-75"
-						/>
-					</Button.Anchor>
-				</Dialog.Close>
-			</Dialog.Content>
-		</Dialog.Portal>
-	</Dialog.Root>
-);
-
-export default ApplyDialog;
+import React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+
+import Button from '~/components/modules/buttons/default';
+import Icon from '~/components/modules/icon';
+
+const ApplyDialog = ({ children, applyUrl, internalApplyLink, companyName }) => (
+
+	<Dialog.Root >
+		<Dialog.Trigger asChild>
+			{children}
+		</Dialog.Trigger>
+		<Dialog.Portal>
+			<Dialog.Overlay className="hc-bg-black/50 hc-fixed hc-inset-0 hc-animate-overlayShow" />
+			<Dialog.Content className="z-99 hc-fit-content hc-h-fit hc-animate-contentShow hc-fixed hc-inset-0 hc-m-auto hc-max-h-[85vh] hc-w-[90vw] hc-max-w-[450px] hc-rounded-[6px] hc-bg-white hc-p-[25px] hc-shadow-lg focus:hc-outline-none hc-flex hc-flex-col hc-items-center hc-text-center">
+				<Dialog.Title className="hc-text-[17px] hc-font-medium hc-w-full">
+					Career Opportunities
+				</Dialog.Title>
+				<Dialog.Description className="hc-mt-4 hc-mb-5 hc-text-[15px] hc-leading-normal hc-w-full">
+					Are you currently a {companyName} employee?
+				</Dialog.Description>
+				<div className="hc-flex hc-justify-center hc-space-x-4 hc-w-full">
+					<Dialog.Close asChild>
+						<Button.Anchor variant="outline" href={internalApplyLink}>
+							Yes
+						</Button.Anchor>
+					</Dialog.Close>
+					<Dialog.Close asChild>
+						<Button.Anchor variant="primary" href={applyUrl}>
+							No
+						</Button.Anchor>
+					</Dialog.Close>
+				</div>
+				<Dialog.Close asChild>
+					<Button.Anchor className="hc-absolute hc-top-[10px] hc-right-[10px] hc-inline-flex hc-h-[25px] hc-w-[25px] hc-items-center hc-justify-center hc-rounded-full focus:hc-outline-none"
+						variant="ghost" aria-label="Close">
+						<Icon
+							icon="mdi:times"
+							className="hc-cursor-pointer hc-text-black hover:hc-text-gray-500 hover:hc-opacity-75"
+						/>
+					</Button.Anchor>
+				</Dialog.Close>
+			</Dialog.Content>
+		</Dialog.Portal>
+	</Dialog.Root>
+);
+
+export default ApplyDialog;

package/src/components/modules/filter/search.js

@@ -54,7 +54,7 @@ const Search = ({
 					className={`transition-opacity ${inputValue ? "hc-opacity-100" : "hc-opacity-0 hc-pointer-events-none"}`}
 					onClick={handleReset}
 				>
-					<span className="sr-only">Clear</span>
+					<span className="hc-sr-only">Clear</span>
 					<Button.Icon icon="uil:times" className="hc-text-uiAccent" />
 				</Button.Btn>
 			</div>

package/src/components/modules/jobListing/listing-details.js

@@ -7,7 +7,7 @@ import CommutePill from '~/components/modules/buttons/commute-pill';
 
 const ListingDetails = ({
 	item,
-	recruiters,
+	recruiter,
 	travelTime,
 	useDetailsPostMessage,
 	navigateToDetails,
@@ -25,14 +25,14 @@ const ListingDetails = ({
 		return null;
 	}
 
-	let matchingRecruiter = !recruiters ? null : recruiters[item?.recruiterId];
-
+	let matchingRecruiter = recruiter;
+	console.log(matchingRecruiter);
 	return (
 		<div className="hc-w-full">
 			<div className="hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4">
 				{matchingRecruiter?.headshot && (
 					<RecruiterHeadshot
-						image={`https:${matchingRecruiter.headshot}`}
+						image={`${matchingRecruiter.headshot.includes("http") ? '' :'https:'}${matchingRecruiter.headshot}`}
 						alt={matchingRecruiter?.firstName}
 						className="hc-bg-gray-300"
 					/>
@@ -65,7 +65,7 @@ const ListingDetails = ({
 							</RecruiterContactNav>
 						}
 					>
-						{matchingRecruiter?.firstName && matchingRecruiter?.lastName && (
+						{matchingRecruiter?.firstName || matchingRecruiter?.lastName && (
 							<RecruiterDetails.Title>
 								{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}
 							</RecruiterDetails.Title>

package/src/components/modules/list/field-mapper.js

@@ -19,7 +19,7 @@ const FieldMapper = ({
 	const specialFeaturePills = field => {
 		return field === 'position' && specialFeatures &&
 			Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
-				return item.fields[featureKey] === 1 && (
+				return item.fields[featureKey] == 1 && (
 					<PillWrapper key={featureKey}>{featureLabel}</PillWrapper>
 				);
 			});

package/src/components/modules/list/item-list.tsx

@@ -17,7 +17,6 @@ interface ItemsListProps {
   scrollContainerRef: RefObject<HTMLDivElement>;
   itemRefs: any;
   selectedListItem: Listing | null;
-  itemExpandedContent: (item: Listing, recruiters: any) => JSX.Element | null;
   children: ReactNode;
   includeFavorite: boolean;
 }