From 9c86182e967af4156203b0dbd7b95ca06b7d92fc Mon Sep 17 00:00:00 2001
From: Muhammad Abdurrehman <abdurrehman.user.95@gmail.com>
Date: Tue, 6 Aug 2024 15:55:42 +0500
Subject: [PATCH] invite system removed

---
 src/api/invitationLimits.ts                   | 16 ----
 src/api/invitations.ts                        | 45 ---------
 .../InvitationStatusBadge/index.tsx           | 18 ----
 src/constants/store.ts                        |  2 -
 src/dispatchers/invitationLimits.ts           |  8 --
 src/dispatchers/invitations.ts                | 28 ------
 src/enums/index.ts                            |  2 -
 src/enums/invitations.ts                      |  4 -
 .../forms/CreateAccountForm.tsx               |  4 -
 src/modals/InvitationModal/Styles.ts          |  9 --
 src/modals/InvitationModal/index.tsx          | 78 ----------------
 .../Profile/Invitations/Invitation/Styles.ts  | 10 --
 .../Profile/Invitations/Invitation/index.tsx  | 93 -------------------
 src/pages/Profile/Invitations/Styles.ts       | 91 ------------------
 src/pages/Profile/Invitations/index.tsx       | 89 ------------------
 src/pages/Profile/Layout/index.tsx            | 15 +--
 src/pages/Profile/index.tsx                   |  9 --
 src/selectors/state.ts                        |  2 -
 src/store/index.ts                            |  4 -
 src/store/invitationLimits.ts                 | 20 ----
 src/store/invitations.ts                      | 26 ------
 src/types/api/invitations.ts                  |  3 -
 src/types/api/users.ts                        |  1 -
 src/types/index.ts                            |  8 --
 src/types/invitationLimits.ts                 |  9 --
 src/types/invitations.ts                      | 13 ---
 26 files changed, 2 insertions(+), 605 deletions(-)
 delete mode 100644 src/api/invitationLimits.ts
 delete mode 100644 src/api/invitations.ts
 delete mode 100644 src/components/InvitationStatusBadge/index.tsx
 delete mode 100644 src/dispatchers/invitationLimits.ts
 delete mode 100644 src/dispatchers/invitations.ts
 delete mode 100644 src/enums/invitations.ts
 delete mode 100644 src/modals/InvitationModal/Styles.ts
 delete mode 100644 src/modals/InvitationModal/index.tsx
 delete mode 100644 src/pages/Profile/Invitations/Invitation/Styles.ts
 delete mode 100644 src/pages/Profile/Invitations/Invitation/index.tsx
 delete mode 100644 src/pages/Profile/Invitations/Styles.ts
 delete mode 100644 src/pages/Profile/Invitations/index.tsx
 delete mode 100644 src/store/invitationLimits.ts
 delete mode 100644 src/store/invitations.ts
 delete mode 100644 src/types/api/invitations.ts
 delete mode 100644 src/types/invitationLimits.ts
 delete mode 100644 src/types/invitations.ts

diff --git a/src/api/invitationLimits.ts b/src/api/invitationLimits.ts
deleted file mode 100644
index 7299a5bc..00000000
--- a/src/api/invitationLimits.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from 'axios';
-
-import {InvitationLimit} from 'types';
-import {authorizationHeaders} from 'utils/authentication';
-
-const BASE_URL = `${process.env.REACT_APP_API_URL}/api/invitation_limits`;
-
-export const getInvitationLimit = async (id: number): Promise<InvitationLimit> => {
-  try {
-    const response = await axios.get<InvitationLimit>(`${BASE_URL}/${id}`, authorizationHeaders());
-    return response.data;
-  } catch (error) {
-    console.error(error);
-    throw error;
-  }
-};
diff --git a/src/api/invitations.ts b/src/api/invitations.ts
deleted file mode 100644
index 617aa9c5..00000000
--- a/src/api/invitations.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import axios from 'axios';
-
-import {CreateInvitationRequest, Invitation} from 'types';
-import {authorizationHeaders} from 'utils/authentication';
-
-const BASE_URL = `${process.env.REACT_APP_API_URL}/api/invitations`;
-
-export const createInvitation = async (data: CreateInvitationRequest): Promise<Invitation> => {
-  try {
-    const response = await axios.post<Invitation>(BASE_URL, data, authorizationHeaders());
-    return response.data;
-  } catch (error) {
-    console.error(error);
-    throw error;
-  }
-};
-
-export const deleteInvitation = async (id: number): Promise<void> => {
-  try {
-    await axios.delete(`${BASE_URL}/${id}`, authorizationHeaders());
-  } catch (error) {
-    console.error(error);
-    throw error;
-  }
-};
-
-export const getInvitations = async (): Promise<Invitation[]> => {
-  try {
-    const response = await axios.get<Invitation[]>(BASE_URL, authorizationHeaders());
-    return response.data;
-  } catch (error) {
-    console.error(error);
-    throw error;
-  }
-};
-
-export const updateInvitation = async (id: number, data: CreateInvitationRequest): Promise<Invitation> => {
-  try {
-    const response = await axios.patch<Invitation>(`${BASE_URL}/${id}`, data, authorizationHeaders());
-    return response.data;
-  } catch (error) {
-    console.error(error);
-    throw error;
-  }
-};
diff --git a/src/components/InvitationStatusBadge/index.tsx b/src/components/InvitationStatusBadge/index.tsx
deleted file mode 100644
index 9ae14f3c..00000000
--- a/src/components/InvitationStatusBadge/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Badge, {BadgeStyle} from 'components/Badge';
-import {InvitationStatus} from 'enums';
-import {SFC} from 'types';
-
-export interface InvitationStatusBadgeProps {
-  invitationStatus: InvitationStatus;
-}
-
-const InvitationStatusBadge: SFC<InvitationStatusBadgeProps> = ({invitationStatus}) => {
-  const badgeStyle = {
-    [InvitationStatus.ACCEPTED]: BadgeStyle.success,
-    [InvitationStatus.PENDING]: BadgeStyle.draft,
-  };
-
-  return <Badge badgeStyle={badgeStyle[invitationStatus]} children={invitationStatus} />;
-};
-
-export default InvitationStatusBadge;
diff --git a/src/constants/store.ts b/src/constants/store.ts
index b5b14485..09aff1b2 100644
--- a/src/constants/store.ts
+++ b/src/constants/store.ts
@@ -15,8 +15,6 @@ export const EXCHANGE_ORDERS = 'exchangeOrders';
 export const FOLLOWERS = 'followers';
 export const FOLLOWINGS = 'followings';
 export const IA = 'ia';
-export const INVITATIONS = 'invitations';
-export const INVITATION_LIMITS = 'invitationLimits';
 export const LECTURES = 'lectures';
 export const MANAGER = 'manager';
 export const MESSAGES = 'messages';
diff --git a/src/dispatchers/invitationLimits.ts b/src/dispatchers/invitationLimits.ts
deleted file mode 100644
index 51b2ec19..00000000
--- a/src/dispatchers/invitationLimits.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {getInvitationLimit as _getInvitationLimit} from 'api/invitationLimits';
-import {setInvitationLimit} from 'store/invitationLimits';
-import {AppDispatch} from 'types';
-
-export const getInvitationLimit = (id: number) => async (dispatch: AppDispatch) => {
-  const responseData = await _getInvitationLimit(id);
-  dispatch(setInvitationLimit(responseData));
-};
diff --git a/src/dispatchers/invitations.ts b/src/dispatchers/invitations.ts
deleted file mode 100644
index fba2d684..00000000
--- a/src/dispatchers/invitations.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {
-  createInvitation as _createInvitation,
-  deleteInvitation as _deleteInvitation,
-  getInvitations as _getInvitations,
-  updateInvitation as _updateInvitation,
-} from 'api/invitations';
-import {setInvitation, setInvitations, unsetInvitation} from 'store/invitations';
-import {AppDispatch, CreateInvitationRequest} from 'types';
-
-export const createInvitation = (data: CreateInvitationRequest) => async (dispatch: AppDispatch) => {
-  const responseData = await _createInvitation(data);
-  dispatch(setInvitation(responseData));
-};
-
-export const deleteInvitation = (id: number) => async (dispatch: AppDispatch) => {
-  await _deleteInvitation(id);
-  dispatch(unsetInvitation(id));
-};
-
-export const getInvitations = () => async (dispatch: AppDispatch) => {
-  const responseData = await _getInvitations();
-  dispatch(setInvitations(responseData));
-};
-
-export const updateInvitation = (id: number, data: CreateInvitationRequest) => async (dispatch: AppDispatch) => {
-  const responseData = await _updateInvitation(id, data);
-  dispatch(setInvitation(responseData));
-};
diff --git a/src/enums/index.ts b/src/enums/index.ts
index 89001bb0..483b49a2 100644
--- a/src/enums/index.ts
+++ b/src/enums/index.ts
@@ -1,7 +1,6 @@
 import {ActivationStatus} from 'enums/products';
 import {ExchangeOrderType, FillStatus} from 'enums/exchangeOrders';
 import {FollowerType} from 'enums/follower';
-import {InvitationStatus} from 'enums/invitations';
 import {PublicationStatus} from 'enums/publicationStatus';
 import {SenderType} from 'enums/messages';
 import {ShopToolbarType} from 'enums/shopToolbar';
@@ -17,7 +16,6 @@ export {
   ExchangeOrderType,
   FillStatus,
   FollowerType,
-  InvitationStatus,
   PublicationStatus,
   SenderType,
   ShopToolbarType,
diff --git a/src/enums/invitations.ts b/src/enums/invitations.ts
deleted file mode 100644
index 0924dc70..00000000
--- a/src/enums/invitations.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum InvitationStatus {
-  ACCEPTED = 'ACCEPTED',
-  PENDING = 'PENDING',
-}
diff --git a/src/layouts/Unauthenticated/forms/CreateAccountForm.tsx b/src/layouts/Unauthenticated/forms/CreateAccountForm.tsx
index 3a8fe52b..d5670499 100644
--- a/src/layouts/Unauthenticated/forms/CreateAccountForm.tsx
+++ b/src/layouts/Unauthenticated/forms/CreateAccountForm.tsx
@@ -18,7 +18,6 @@ const CreateAccountForm: SFC = () => {
 
   const initialValues = {
     confirmPassword: '',
-    invitationCode: '',
     password: '',
     username: '',
   };
@@ -28,7 +27,6 @@ const CreateAccountForm: SFC = () => {
   const handleSubmit = async (values: FormValues): Promise<void> => {
     try {
       const requestData = {
-        invitation_code: values.invitationCode,
         password: values.password,
         username: values.username,
       };
@@ -46,7 +44,6 @@ const CreateAccountForm: SFC = () => {
         .string()
         .oneOf([yup.ref('password'), undefined], 'Passwords must match')
         .required('Confirm Password is required'),
-      invitationCode: yup.string().required('Invitation code is required'),
       password: yup.string().required(),
       username: yup
         .string()
@@ -71,7 +68,6 @@ const CreateAccountForm: SFC = () => {
                 touched={touched}
                 type="password"
               />
-              <S.Input errors={errors} label="Invitation Code" name="invitationCode" touched={touched} />
               <S.Button
                 dirty={dirty}
                 disabled={isSubmitting}
diff --git a/src/modals/InvitationModal/Styles.ts b/src/modals/InvitationModal/Styles.ts
deleted file mode 100644
index d4a91a43..00000000
--- a/src/modals/InvitationModal/Styles.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-
-import UModal from 'components/Modal';
-
-export const Modal = styled(UModal)`
-  display: flex;
-  flex-direction: column;
-  width: 360px;
-`;
diff --git a/src/modals/InvitationModal/index.tsx b/src/modals/InvitationModal/index.tsx
deleted file mode 100644
index e3a335a3..00000000
--- a/src/modals/InvitationModal/index.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, {useMemo} from 'react';
-import {useDispatch} from 'react-redux';
-import {Form, Formik} from 'formik';
-
-import Button, {ButtonType} from 'components/Button';
-import {Input} from 'components/FormElements';
-import {createInvitation, updateInvitation} from 'dispatchers/invitations';
-import {ToastType} from 'enums';
-import {AppDispatch, Invitation, SFC} from 'types';
-import {displayErrorToast, displayToast} from 'utils/toasts';
-import yup from 'utils/yup';
-import * as S from './Styles';
-
-export interface InvitationModalProps {
-  close(): void;
-  invitation?: Invitation;
-}
-
-const InvitationModal: SFC<InvitationModalProps> = ({className, close, invitation}) => {
-  const dispatch = useDispatch<AppDispatch>();
-
-  const initialValues = useMemo(
-    () => ({
-      note: invitation?.note || '',
-    }),
-    [invitation?.note],
-  );
-
-  type FormValues = typeof initialValues;
-
-  const handleSubmit = async (values: FormValues): Promise<void> => {
-    try {
-      if (invitation) {
-        await dispatch(updateInvitation(invitation.id, values));
-        displayToast('Invitation updated!', ToastType.SUCCESS);
-      } else {
-        await dispatch(createInvitation(values));
-        displayToast('Invitation created!', ToastType.SUCCESS);
-      }
-
-      close();
-    } catch (error) {
-      console.error(error);
-      const verb = invitation ? 'updating' : 'creating';
-      displayErrorToast(`Error ${verb} invitation`);
-    }
-  };
-
-  const validationSchema = useMemo(() => {
-    return yup.object().shape({
-      note: yup.string(),
-    });
-  }, []);
-
-  const verb = invitation ? 'Update' : 'Create';
-
-  return (
-    <S.Modal className={className} close={close} header={`${verb} Invitation`}>
-      <Formik initialValues={initialValues} onSubmit={handleSubmit} validationSchema={validationSchema}>
-        {({dirty, errors, isSubmitting, isValid, touched}) => (
-          <Form>
-            <Input errors={errors} label="Note" name="note" touched={touched} />
-            <Button
-              dirty={dirty}
-              disabled={isSubmitting}
-              isSubmitting={isSubmitting}
-              isValid={isValid}
-              text="Submit"
-              type={ButtonType.submit}
-            />
-          </Form>
-        )}
-      </Formik>
-    </S.Modal>
-  );
-};
-
-export default InvitationModal;
diff --git a/src/pages/Profile/Invitations/Invitation/Styles.ts b/src/pages/Profile/Invitations/Invitation/Styles.ts
deleted file mode 100644
index 5be1b73f..00000000
--- a/src/pages/Profile/Invitations/Invitation/Styles.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-
-export const DropdownMenuContainer = styled.div`
-  display: flex;
-  justify-content: end;
-`;
-
-export const InvitationStatusBadgeContainer = styled.div`
-  display: flex;
-`;
diff --git a/src/pages/Profile/Invitations/Invitation/index.tsx b/src/pages/Profile/Invitations/Invitation/index.tsx
deleted file mode 100644
index 002c4063..00000000
--- a/src/pages/Profile/Invitations/Invitation/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import {useDispatch} from 'react-redux';
-import {mdiDeleteOutline, mdiDotsVertical, mdiSquareEditOutline} from '@mdi/js';
-
-import DropdownMenu from 'components/DropdownMenu';
-import InvitationStatusBadge from 'components/InvitationStatusBadge';
-import UserLabel from 'components/UserLabel';
-import {deleteInvitation} from 'dispatchers/invitations';
-import {InvitationStatus, ToastType} from 'enums';
-import {useToggle} from 'hooks';
-import InvitationModal from 'modals/InvitationModal';
-import {AppDispatch, Invitation as TInvitation, SFC} from 'types';
-import {shortDate} from 'utils/dates';
-import {displayErrorToast, displayToast} from 'utils/toasts';
-import * as S from './Styles';
-
-export interface InvitationProps {
-  invitation: TInvitation;
-  index: number;
-}
-
-const Invitation: SFC<InvitationProps> = ({invitation, index}) => {
-  const [invitationModalIsOpen, toggleInvitationModal] = useToggle(false);
-  const dispatch = useDispatch<AppDispatch>();
-
-  const {recipient} = invitation;
-
-  const handleDelete = async () => {
-    try {
-      await dispatch(deleteInvitation(invitation.id));
-      displayToast('Invitation deleted!', ToastType.SUCCESS);
-    } catch (error) {
-      console.error(error);
-      displayErrorToast('Error deleting invitation');
-    }
-  };
-
-  const menuOptions = [
-    {
-      label: 'Edit',
-      menuIcon: mdiSquareEditOutline,
-      onClick: toggleInvitationModal,
-    },
-  ];
-
-  if (!recipient) {
-    menuOptions.push({
-      label: 'Delete',
-      menuIcon: mdiDeleteOutline,
-      onClick: handleDelete,
-    });
-  }
-
-  const renderDropdownMenu = () => {
-    return <DropdownMenu icon={mdiDotsVertical} options={menuOptions} />;
-  };
-
-  const renderInvitationStatusBadge = () => {
-    const invitationStatus = recipient ? InvitationStatus.ACCEPTED : InvitationStatus.PENDING;
-    return <InvitationStatusBadge invitationStatus={invitationStatus} />;
-  };
-
-  const renderUserLabel = () => {
-    return (
-      <UserLabel
-        avatar={recipient ? recipient.avatar : null}
-        description={shortDate(invitation.created_date, true)}
-        id={recipient ? recipient.id : null}
-        username={recipient ? recipient.username : '----'}
-      />
-    );
-  };
-
-  return (
-    <>
-      <tr>
-        <td className="fixed-width">{index + 1}</td>
-        <td>{renderUserLabel()}</td>
-        <td>{invitation.note}</td>
-        <td>{invitation.code}</td>
-        <td>
-          <S.InvitationStatusBadgeContainer>{renderInvitationStatusBadge()}</S.InvitationStatusBadgeContainer>
-        </td>
-        <td>
-          <S.DropdownMenuContainer>{renderDropdownMenu()}</S.DropdownMenuContainer>
-        </td>
-      </tr>
-
-      {invitationModalIsOpen ? <InvitationModal close={toggleInvitationModal} invitation={invitation} /> : null}
-    </>
-  );
-};
-
-export default Invitation;
diff --git a/src/pages/Profile/Invitations/Styles.ts b/src/pages/Profile/Invitations/Styles.ts
deleted file mode 100644
index 40ad55a5..00000000
--- a/src/pages/Profile/Invitations/Styles.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import styled from 'styled-components';
-import {colors, fonts} from 'styles';
-
-export const Container = styled.div`
-  background: ${colors.white};
-  border-radius: 14px;
-  box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
-  margin-top: 16px;
-  max-width: 100%;
-  overflow-x: auto;
-  padding: 20px;
-  width: 100%;
-`;
-
-export const Table = styled.table`
-  border-collapse: collapse;
-  width: 100%;
-
-  thead,
-  tbody {
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-  }
-
-  th,
-  td {
-    padding: 2px 0;
-    text-align: left;
-  }
-
-  tr {
-    border-bottom: 1px solid ${colors.border};
-  }
-
-  tbody {
-    display: block;
-    width: 100%;
-  }
-`;
-
-export const Tbody = styled.tbody`
-  .fixed-width {
-    color: ${colors.gray};
-    width: 5%;
-  }
-  & > tr {
-    border-collapse: collapse;
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-  }
-  & > tr > td {
-    font-weight: 600;
-    padding: 10px 0;
-  }
-`;
-
-export const Thead = styled.thead`
-  .fixed-width {
-    width: 5%;
-  }
-  & > tr > th {
-    color: ${colors.gray};
-    padding-bottom: 12px;
-    text-transform: uppercase;
-  }
-`;
-
-export const Header = styled.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  max-width: 100%;
-  padding-bottom: 15px;
-  width: 100%;
-`;
-
-export const Heading = styled.div`
-  color: ${colors.gray};
-  font-size: 18px;
-  font-weight: ${fonts.weight.semiBold};
-
-  & span {
-    color: ${colors.black};
-  }
-`;
-
-export const Div = styled.div`
-  min-width: 600px;
-`;
diff --git a/src/pages/Profile/Invitations/index.tsx b/src/pages/Profile/Invitations/index.tsx
deleted file mode 100644
index 1cd26716..00000000
--- a/src/pages/Profile/Invitations/index.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import {useCallback, useMemo} from 'react';
-import {useSelector} from 'react-redux';
-import {useParams} from 'react-router-dom';
-import orderBy from 'lodash/orderBy';
-
-import Button from 'components/Button';
-import EmptyText from 'components/EmptyText';
-import {useToggle} from 'hooks';
-import InvitationModal from 'modals/InvitationModal';
-import {getInvitationLimits, getInvitations, getSelf} from 'selectors/state';
-import {SFC} from 'types';
-import Invitation from './Invitation';
-import * as S from './Styles';
-
-const Invitations: SFC = ({className}) => {
-  const [invitationModalIsOpen, toggleInvitationModal] = useToggle(false);
-  const {id} = useParams();
-  const invitationLimits = useSelector(getInvitationLimits);
-  const invitations = useSelector(getInvitations);
-  const self = useSelector(getSelf);
-
-  const userId = id ? parseInt(id, 10) : null;
-
-  const invitationLimitAmount = useMemo(() => {
-    const invitationLimit = Object.values(invitationLimits).find(
-      (_invitationLimit) => _invitationLimit.owner === userId,
-    );
-    return invitationLimit?.amount || 0;
-  }, [invitationLimits, userId]);
-
-  const invitationList = useMemo(() => {
-    const _invitations = Object.values(invitations).filter(({owner}) => owner === userId);
-    return orderBy(_invitations, ['created_date'], ['desc']);
-  }, [invitations, userId]);
-
-  const renderCreateInvitationButton = () => {
-    if (userId !== self.id) return null;
-    if (invitationList.length >= invitationLimitAmount) return null;
-    return <Button onClick={toggleInvitationModal} text="Create" />;
-  };
-
-  const renderTBody = useCallback(() => {
-    return invitationList.map((invitation, index) => (
-      <Invitation invitation={invitation} key={invitation.id} index={index} />
-    ));
-  }, [invitationList]);
-
-  const renderContent = () => {
-    if (invitationList.length) {
-      return (
-        <>
-          <S.Table>
-            <S.Thead>
-              <tr>
-                <th className="fixed-width"></th>
-                <th>NAME & DATE</th>
-                <th>NOTE</th>
-                <th>CODE</th>
-                <th>STATUS</th>
-                <th></th>
-              </tr>
-            </S.Thead>
-            <S.Tbody>{renderTBody()}</S.Tbody>
-          </S.Table>
-        </>
-      );
-    }
-    return <EmptyText>No invitations to display.</EmptyText>;
-  };
-
-  return (
-    <>
-      <S.Container className={className}>
-        <S.Div>
-          <S.Header>
-            <S.Heading>
-              Invitations — <span>{`${invitationList.length}/${invitationLimitAmount}`}</span>
-            </S.Heading>
-            {renderCreateInvitationButton()}
-          </S.Header>
-          {renderContent()}
-        </S.Div>
-      </S.Container>
-      {invitationModalIsOpen ? <InvitationModal close={toggleInvitationModal} /> : null}
-    </>
-  );
-};
-
-export default Invitations;
diff --git a/src/pages/Profile/Layout/index.tsx b/src/pages/Profile/Layout/index.tsx
index a8e793a6..0e82fb15 100644
--- a/src/pages/Profile/Layout/index.tsx
+++ b/src/pages/Profile/Layout/index.tsx
@@ -1,28 +1,19 @@
-import {useSelector} from 'react-redux';
 import {Outlet, useLocation, useNavigate, useParams} from 'react-router-dom';
-import {
-  mdiAccountArrowDownOutline,
-  mdiAccountArrowUpOutline,
-  mdiAccountBoxPlusOutline,
-  mdiBrushOutline,
-  mdiCardsOutline,
-} from '@mdi/js';
+import {mdiAccountArrowDownOutline, mdiAccountArrowUpOutline, mdiBrushOutline, mdiCardsOutline} from '@mdi/js';
 import Icon from '@mdi/react';
 
 import Tab from 'components/Tab';
 import Tabs from 'components/Tabs';
-import {getSelf} from 'selectors/state';
 import {SFC} from 'types';
 import UserDetails from './UserDetails';
 import * as S from './Styles';
 
-type IconName = 'Artworks' | 'Followers' | 'Following' | 'Invitations' | 'Posts';
+type IconName = 'Artworks' | 'Followers' | 'Following' | 'Posts';
 
 const IconMapper = {
   Artworks: mdiBrushOutline,
   Followers: mdiAccountArrowDownOutline,
   Following: mdiAccountArrowUpOutline,
-  Invitations: mdiAccountBoxPlusOutline,
   Posts: mdiCardsOutline,
 };
 
@@ -30,7 +21,6 @@ const Layout: SFC = ({className}) => {
   const {id} = useParams();
   const location = useLocation();
   const navigate = useNavigate();
-  const self = useSelector(getSelf);
   const userId = id ? parseInt(id, 10) : null;
 
   const renderTab = (displayName: IconName, url: string) => {
@@ -51,7 +41,6 @@ const Layout: SFC = ({className}) => {
         {renderTab('Artworks', `/profile/${userId}/artworks`)}
         {renderTab('Followers', `/profile/${userId}/followers`)}
         {renderTab('Following', `/profile/${userId}/following`)}
-        {userId === self.id ? renderTab('Invitations', `/profile/${userId}/invitations`) : null}
       </Tabs>
     );
   };
diff --git a/src/pages/Profile/index.tsx b/src/pages/Profile/index.tsx
index e5209924..da963414 100644
--- a/src/pages/Profile/index.tsx
+++ b/src/pages/Profile/index.tsx
@@ -4,14 +4,11 @@ import {Route, Routes, useParams} from 'react-router-dom';
 
 import Artworks from './Artworks';
 import Follower from './Follower';
-import Invitations from './Invitations';
 import Layout from './Layout';
 import Posts from './Posts';
 import {AppDispatch, SFC} from 'types';
 import {FollowerType} from 'enums';
 import {displayErrorToast} from 'utils/toasts';
-import {getInvitationLimit} from 'dispatchers/invitationLimits';
-import {getInvitations} from 'dispatchers/invitations';
 import {getSelf} from 'selectors/state';
 import {getUserStats} from 'dispatchers/userStats';
 import {getUser} from 'dispatchers/users';
@@ -30,11 +27,6 @@ const Profile: SFC = ({className}) => {
 
       const promises = [getUser(userId), getUserStats(userId)];
 
-      if (userId === self.id) {
-        promises.push(getInvitationLimit(userId));
-        promises.push(getInvitations());
-      }
-
       try {
         await Promise.all(promises.map(dispatch));
       } catch (error) {
@@ -53,7 +45,6 @@ const Profile: SFC = ({className}) => {
           <Route path="/artworks" element={<Artworks />} />
           <Route path="/following" element={<Follower type={FollowerType.FOLLOWING} />} />
           <Route path="/followers" element={<Follower type={FollowerType.FOLLOWERS} />} />
-          <Route path="/invitations" element={<Invitations />} />
         </Route>
       </Routes>
     </S.Container>
diff --git a/src/selectors/state.ts b/src/selectors/state.ts
index 95585b67..fddb8aa0 100644
--- a/src/selectors/state.ts
+++ b/src/selectors/state.ts
@@ -16,8 +16,6 @@ export const getCourses = (state: RootState) => state.courses;
 export const getExchangeOrders = (state: RootState) => state.exchangeOrders;
 export const getFollowers = (state: RootState) => state.followers;
 export const getFollowings = (state: RootState) => state.followings;
-export const getInvitationLimits = (state: RootState) => state.invitationLimits;
-export const getInvitations = (state: RootState) => state.invitations;
 export const getLectures = (state: RootState) => state.lectures;
 export const getManager = (state: RootState) => state.manager;
 export const getMessages = (state: RootState) => state.messages;
diff --git a/src/store/index.ts b/src/store/index.ts
index a031b2cf..eb6fd080 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -30,8 +30,6 @@ import exchangeOrdersReducer from 'store/exchangeOrders';
 import followersReducer from 'store/followers';
 import followingsReducer from 'store/followings';
 import iaReducer from 'store/ia';
-import invitationLimitsReducer from 'store/invitationLimits';
-import invitationsReducer from 'store/invitations';
 import lecturesReducer from 'store/lectures';
 import managerReducer from 'store/manager';
 import messagesReducer from 'store/messages';
@@ -65,8 +63,6 @@ const rootReducer = combineReducers({
   followers: followersReducer,
   followings: followingsReducer,
   ia: iaReducer,
-  invitationLimits: invitationLimitsReducer,
-  invitations: invitationsReducer,
   lectures: lecturesReducer,
   manager: managerReducer,
   messages: messagesReducer,
diff --git a/src/store/invitationLimits.ts b/src/store/invitationLimits.ts
deleted file mode 100644
index 37e3331d..00000000
--- a/src/store/invitationLimits.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import {createSlice, PayloadAction} from '@reduxjs/toolkit';
-
-import {INVITATION_LIMITS} from 'constants/store';
-import {InvitationLimit, InvitationLimits} from 'types';
-
-const initialState: InvitationLimits = {};
-
-const invitationLimits = createSlice({
-  initialState,
-  name: INVITATION_LIMITS,
-  reducers: {
-    setInvitationLimit: (state: InvitationLimits, {payload}: PayloadAction<InvitationLimit>) => {
-      const {id} = payload;
-      state[id] = payload;
-    },
-  },
-});
-
-export const {setInvitationLimit} = invitationLimits.actions;
-export default invitationLimits.reducer;
diff --git a/src/store/invitations.ts b/src/store/invitations.ts
deleted file mode 100644
index ca2b1ae6..00000000
--- a/src/store/invitations.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import {createSlice, PayloadAction} from '@reduxjs/toolkit';
-
-import {INVITATIONS} from 'constants/store';
-import {Invitation, Invitations} from 'types';
-
-const initialState: Invitations = {};
-
-const invitations = createSlice({
-  initialState,
-  name: INVITATIONS,
-  reducers: {
-    setInvitation: (state: Invitations, {payload}: PayloadAction<Invitation>) => {
-      const {id} = payload;
-      state[id] = payload;
-    },
-    setInvitations: (state: Invitations, {payload}: PayloadAction<Invitation[]>) => {
-      return payload.reduce((acc: Invitations, obj) => ({...acc, [obj.id]: obj}), {});
-    },
-    unsetInvitation: (state: Invitations, {payload: id}: PayloadAction<number>) => {
-      delete state[id];
-    },
-  },
-});
-
-export const {setInvitation, setInvitations, unsetInvitation} = invitations.actions;
-export default invitations.reducer;
diff --git a/src/types/api/invitations.ts b/src/types/api/invitations.ts
deleted file mode 100644
index edf2e8cb..00000000
--- a/src/types/api/invitations.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface CreateInvitationRequest {
-  note: string;
-}
diff --git a/src/types/api/users.ts b/src/types/api/users.ts
index 7e31b30c..842b6ff2 100644
--- a/src/types/api/users.ts
+++ b/src/types/api/users.ts
@@ -6,7 +6,6 @@ export interface UserReadSerializer {
 }
 
 export interface CreateUserRequest {
-  invitation_code: string;
   password: string;
   username: string;
 }
diff --git a/src/types/index.ts b/src/types/index.ts
index a5987bea..a9f20ab5 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -9,7 +9,6 @@ import {CreateContributionRequest} from 'types/api/contributions';
 import {CreateConversationRequest} from 'types/api/conversations';
 import {CreateExchangeOrderRequest} from 'types/api/exchangeOrders';
 import {CreateFollowerRequest, FollowerReadSerializer} from 'types/api/follower';
-import {CreateInvitationRequest} from 'types/api/invitations';
 import {CreateMessageRequest} from 'types/api/messages';
 import {CreateOpenAIImageRequest, CreateOpenAIImageResponse} from 'types/api/openaiImages';
 import {CreateOrderRequest} from 'types/api/orders';
@@ -42,8 +41,6 @@ import {CreatedModified} from 'types/createdModified';
 import {ExchangeOrder, ExchangeOrders} from 'types/exchangeOrders';
 import {Followers, Follower} from 'types/follower';
 import {GitHubUser} from 'types/githubUsers';
-import {Invitation, Invitations} from 'types/invitations';
-import {InvitationLimit, InvitationLimits} from 'types/invitationLimits';
 import {Issue} from 'types/issues';
 import {Item} from 'types/items';
 import {LearnMore} from './learnMore';
@@ -105,7 +102,6 @@ export {
   CreateConversationRequest,
   CreateExchangeOrderRequest,
   CreateFollowerRequest,
-  CreateInvitationRequest,
   CreateMessageRequest,
   CreateOpenAIImageRequest,
   CreateOpenAIImageResponse,
@@ -126,10 +122,6 @@ export {
   GenericVoidFunction,
   GitHubUser,
   IaReadSerializer,
-  Invitation,
-  InvitationLimit,
-  InvitationLimits,
-  Invitations,
   Issue,
   Item,
   LearnMore,
diff --git a/src/types/invitationLimits.ts b/src/types/invitationLimits.ts
deleted file mode 100644
index 922cefe6..00000000
--- a/src/types/invitationLimits.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Dict} from 'types/generic';
-
-export interface InvitationLimit {
-  amount: number;
-  id: number;
-  owner: number;
-}
-
-export type InvitationLimits = Dict<InvitationLimit>;
diff --git a/src/types/invitations.ts b/src/types/invitations.ts
deleted file mode 100644
index bc48a1a2..00000000
--- a/src/types/invitations.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {UserReadSerializer} from 'types/api/users';
-import {CreatedModified} from 'types/createdModified';
-import {Dict} from 'types/generic';
-
-export interface Invitation extends CreatedModified {
-  code: string;
-  id: number;
-  note: string;
-  owner: number;
-  recipient: UserReadSerializer | null;
-}
-
-export type Invitations = Dict<Invitation>;