From 5532b81285ef5d02e274eb590b6074f232c415b8 Mon Sep 17 00:00:00 2001
From: phyzical <phyzicaly@hotmail.com>
Date: Mon, 21 Mar 2022 20:13:28 +0800
Subject: [PATCH] add similar sort to the faction invite list

---
 src/Faction/ui/FactionsRoot.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Faction/ui/FactionsRoot.tsx b/src/Faction/ui/FactionsRoot.tsx
index 45e750232..ccd57d556 100644
--- a/src/Faction/ui/FactionsRoot.tsx
+++ b/src/Faction/ui/FactionsRoot.tsx
@@ -79,6 +79,9 @@ export function FactionsRoot(props: IProps): React.ReactElement {
       (augmentation: string) => !player.hasAugmentation(augmentation)
     ).length;
   }
+  let allJoinedFactions = props.player.factions
+  allJoinedFactions = allJoinedFactions.sort((a, b) =>
+    allJoinedFactions.indexOf(a) - allJoinedFactions.indexOf(b));
 
   return (
     <Container disableGutters maxWidth="md" sx={{ mx: 0, mb: 10 }}>
@@ -92,11 +95,11 @@ export function FactionsRoot(props: IProps): React.ReactElement {
       <Typography variant="h5" color="primary" mt={2} mb={1}>
         Factions you have joined:
       </Typography>
-      {(props.player.factions.length > 0 && (
+      {(allJoinedFactions.length > 0 && (
         <Paper sx={{ my: 1, p: 1, pb: 0, display: "inline-block" }}>
           <Table padding="none" style={{ width: "fit-content" }}>
             <TableBody>
-              {props.player.factions.map((faction: string) => (
+              {allJoinedFactions.map((faction: string) => (
                 <TableRow key={faction}>
                   <TableCell>
                     <Typography noWrap mb={1}>