add inprogress field to twitter connected account for status

TogetherCrew · Oct 2, 2023 · 345aed8 · 345aed8
1 parent 7af2d52
commit 345aed8
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 7 deletions.
diff --git a/src/components/pages/settings/ConnectCommunities.tsx b/src/components/pages/settings/ConnectCommunities.tsx
@@ -135,7 +135,6 @@ export default function ConnectCommunities() {
     user &&
     user.twitter &&
     Object.values(user.twitter).every((value) => value == null);
-  console.log({ isAllTwitterPropertiesNull });
 
   return (
     <>

diff --git a/src/components/pages/settings/ConnectedTwitter.tsx b/src/components/pages/settings/ConnectedTwitter.tsx
@@ -5,6 +5,7 @@ import useAppStore from '../../../store/useStore';
 import { BsTwitter } from 'react-icons/bs';
 import moment from 'moment';
 import { StorageService } from '../../../services/StorageService';
+import clsx from 'clsx';
 
 interface IConnectedTwitter {
   twitter?: ITwitter;
@@ -37,7 +38,12 @@ function ConnectedTwitter({ twitter }: IConnectedTwitter) {
         <div>
           <div className="font-sm flex justify-center items-center text-center">
             <p className="pr-1">Twitter</p>
-            <span className="md:h-3 md:w-3 rounded-full bg-success" />
+            <span
+              className={clsx(
+                'md:h-3 md:w-3 rounded-full',
+                twitter?.twitterIsInProgress ? 'bg-success' : 'bg-warning-500'
+              )}
+            />
           </div>
           <BsTwitter size={30} className="mx-auto mt-2 mb-3" />
         </div>

diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
@@ -48,6 +48,7 @@ function Settings(): JSX.Element {
     fetchEmail();
     const intervalId = setInterval(() => {
       getGuilds();
+      getUserInfo();
     }, 5000);
 
     // Clean up the interval when the component unmounts

diff --git a/src/store/slices/settingSlice.ts b/src/store/slices/settingSlice.ts
@@ -25,13 +25,10 @@ const createSettingSlice: StateCreator<ISetting> = (set, get) => ({
   },
   getUserInfo: async () => {
     try {
-      set(() => ({ isLoading: true }));
       const { data } = await axiosInstance.get('/users/@me');
-      set({ userInfo: data, isLoading: false });
+      set({ userInfo: data });
       return data;
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
+    } catch (error) {}
   },
   getGuildInfoByDiscord: async (guildId) => {
     try {

diff --git a/src/store/types/ISetting.ts b/src/store/types/ISetting.ts
@@ -20,6 +20,7 @@ export interface IUserInfo {
   twitterId: string;
   twitterProfileImageUrl: string;
   twitterUsername: string;
+  twitterIsInProgress: boolean;
   id: string;
 }
 

diff --git a/src/utils/types.ts b/src/utils/types.ts
@@ -20,6 +20,7 @@ export interface ITwitter {
   twitterProfileImageUrl: string;
   twitterUsername: string;
   lastUpdatedMetrics: string;
+  twitterIsInProgress: boolean;
 }
 
 export type IUser = {