fix(webkit): fix issue with webkit not supporting .at()

client/components/build/LeftSidebar/sections/Section.tsx

@@ -41,14 +41,14 @@ const Section: React.FC<Props> = ({
   const visibility = useAppSelector<boolean>((state) => get(state.resume, `${path}.visible`, true));
 
   const handleAdd = () => {
-    const id = path ? (path.split('.').at(-1) as string) : '';
+    const id = path.split('.')[1];
     const modal: ModalName = validate(id) ? 'builder.sections.custom' : `builder.${path}`;
 
     dispatch(setModalState({ modal, state: { open: true, payload: { path } } }));
   };
 
   const handleEdit = (item: ListItem) => {
-    const id = path ? (path.split('.').at(-1) as string) : '';
+    const id = path.split('.')[1];
     const modal: ModalName = validate(id) ? 'builder.sections.custom' : `builder.${path}`;
     const payload = validate(id) ? { path, item } : { item };
 

client/components/shared/Heading.tsx

@@ -37,7 +37,7 @@ const Heading: React.FC<Props> = ({
 
   const [editMode, setEditMode] = useState(false);
 
-  const id = useMemo(() => (path ? path.split('.').at(-1) : ''), [path]);
+  const id = useMemo(() => path.split('.')[1], [path]);
 
   const icon = sections.find((x) => x.id === id)?.icon || <Grade />;
 

client/store/resume/resumeSlice.ts

@@ -82,7 +82,7 @@ export const resumeSlice = createSlice({
     },
     deleteSection: (state: Resume, action: PayloadAction<DeleteSectionPayload>) => {
       const { path } = action.payload;
-      const id = path ? path.split('.').at(-1) : '';
+      const id = path.split('.')[1];
 
       const sections = Object.keys(state.sections).filter((x) => x !== id);
       const layout = state.metadata.layout.map((pages) => pages.map((list) => list.filter((x) => x !== id)));

client/utils/getCookie.ts

@@ -3,6 +3,6 @@ export const getCookie = (name: string): string | undefined => {
   const parts = value.split(`; ${name}=`);
 
   if (parts.length === 2) {
-    return parts.at(-1);
+    return parts[1];
   }
 };

server/src/auth/auth.service.ts

@@ -129,7 +129,7 @@ export class AuthService {
 
       const UserInfoClient = google.oauth2('v2').userinfo;
       const { data } = await UserInfoClient.get({ auth: OAuthClient });
-      const username = data.email.split('@').at(0);
+      const username = data.email.split('@')[0];
 
       const createUserDto: CreateGoogleUserDto = {
         name: `${data.given_name} ${data.family_name}`,