diff --git a/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.type.ts b/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.type.ts
index ec058fcef..1c4450281 100644
--- a/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.type.ts
+++ b/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.type.ts
@@ -1,9 +1,12 @@
+import { ReactElement } from 'react';
+
import { StoreAccount } from '~stores/useSocialMediaStore/useSocialMediaStore.types';
export type SocialAccordionProps = {
accounts: StoreAccount[];
error: boolean;
- socialMediaId: string;
+ icon?: ReactElement;
+ title: string;
};
export type IAccountList = {
diff --git a/src/services/api/accounts/accounts.ts b/src/services/api/accounts/accounts.ts
index c74b7763e..56bfae17d 100644
--- a/src/services/api/accounts/accounts.ts
+++ b/src/services/api/accounts/accounts.ts
@@ -3,6 +3,17 @@ import { octopostApi } from '..';
import { Account } from './accounts.types';
const AccountsService = {
+ async favorite(
+ accountId: Account['id'],
+ favorite: boolean
+ ): Promise
{
+ try {
+ const res = await octopostApi.patch(`accounts/${accountId}`, favorite);
+ return res.data;
+ } catch (error) {
+ console.error(error);
+ }
+ },
async fetchAll(): Promise {
try {
const res = await octopostApi.get('/accounts');
diff --git a/src/services/api/accounts/accounts.types.ts b/src/services/api/accounts/accounts.types.ts
index c6d9e8474..a97610d40 100644
--- a/src/services/api/accounts/accounts.types.ts
+++ b/src/services/api/accounts/accounts.types.ts
@@ -1,6 +1,7 @@
export type Account = {
avatar: string;
expiresAt: string;
+ favorite: boolean;
generatedAt: string;
id: string;
socialMediaId: string;
diff --git a/src/stores/__mocks__/useSocialMediaStore.mock.ts b/src/stores/__mocks__/useSocialMediaStore.mock.ts
index 25780f7a5..4120970ce 100644
--- a/src/stores/__mocks__/useSocialMediaStore.mock.ts
+++ b/src/stores/__mocks__/useSocialMediaStore.mock.ts
@@ -8,74 +8,92 @@ export const mockedAccounts = vi.fn(() => ({
{
avatar: 'https://example.com/image1.jpg',
expiresAt: '',
+ favorite: true,
generatedAt: '',
id: '1',
socialMediaId: 'DISCORD_EXAMPLE_ID',
token: 'DISCORD_EXAMPLE_TOKEN_1',
userName: 'Discord User 1',
- valid: false,
+ valid: true,
},
{
avatar: 'https://example.com/image3.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '2',
socialMediaId: 'DISCORD_EXAMPLE_ID',
token: 'DISCORD_EXAMPLE_TOKEN_2',
userName: 'Discord User 2',
- valid: false,
+ valid: true,
},
{
avatar: 'https://example.com/image4.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '3',
socialMediaId: 'DISCORD_EXAMPLE_ID',
token: 'DISCORD_EXAMPLE_TOKEN_3',
userName: 'Discord User 3',
- valid: false,
+ valid: true,
},
{
avatar: 'https://example.com/image6.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '5',
socialMediaId: 'DISCORD_EXAMPLE_ID',
token: 'DISCORD_EXAMPLE_TOKEN_5',
userName: 'Discord User 5',
- valid: false,
+ valid: true,
},
],
TWITTER_EXAMPLE_ID: [
{
avatar: 'https://example.com/image2.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '14',
socialMediaId: 'TWITTER_EXAMPLE_ID',
token: 'TWITTER_EXAMPLE_TOKEN_14',
userName: 'Twitter User 14',
- valid: false,
+ valid: true,
},
{
avatar: 'https://example.com/image2.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '4',
socialMediaId: 'TWITTER_EXAMPLE_ID',
token: 'TWITTER_EXAMPLE_TOKEN_4',
userName: 'Twitter User 4',
- valid: false,
+ valid: true,
},
{
avatar: 'https://example.com/image2.jpg',
expiresAt: '',
+ favorite: false,
generatedAt: '',
id: '6',
socialMediaId: 'TWITTER_EXAMPLE_ID',
token: 'TWITTER_EXAMPLE_TOKEN_6',
userName: 'Twitter User 6',
- valid: false,
+ valid: true,
+ },
+ {
+ avatar: 'https://example.com/image2.jpg',
+ expiresAt: '',
+ favorite: false,
+ generatedAt: '',
+ id: '7',
+ socialMediaId: 'TWITTER_EXAMPLE_ID',
+ token: 'TWITTER_EXAMPLE_TOKEN_7',
+ userName: 'Twitter User 7',
+ valid: true,
},
],
},
@@ -83,6 +101,14 @@ export const mockedAccounts = vi.fn(() => ({
loading: false,
}));
+export const mockedFavoriteAccounts = vi.fn(() =>
+ Object.entries(mockedAccounts().data).flatMap(([socialMedia, accounts]) =>
+ accounts
+ .filter((account) => account.favorite)
+ .map((account) => ({ socialMedia, ...account }))
+ )
+);
+
export const mockedSocialMedias = vi.fn(
() =>
new Map([
diff --git a/src/stores/useSocialMediaStore/useSocialMediaStore.ts b/src/stores/useSocialMediaStore/useSocialMediaStore.ts
index fda736d34..8090672ff 100644
--- a/src/stores/useSocialMediaStore/useSocialMediaStore.ts
+++ b/src/stores/useSocialMediaStore/useSocialMediaStore.ts
@@ -19,7 +19,6 @@ export const useSocialMediaStore = create((set) => ({
error: '',
loading: false,
},
-
addAccount: async (newAccount: NewAccount): Promise => {
set((state) => ({ accounts: { ...state.accounts, loading: true } }));
@@ -46,6 +45,27 @@ export const useSocialMediaStore = create((set) => ({
return addedAccount;
},
+ favoriteAccount: async (
+ accountId: Account['id'],
+ favorite: boolean
+ ): Promise => {
+ const account = await AccountsService.favorite(accountId, favorite);
+
+ if (account) {
+ const favoritedAccount: StoreAccount = {
+ ...account,
+ favorite,
+ valid: false,
+ };
+
+ set((state) => ({
+ favoriteAccounts: [...state.favoriteAccounts, favoritedAccount],
+ }));
+ }
+ },
+
+ favoriteAccounts: [],
+
getAllAccounts: async (): Promise => {
set((state) => ({ accounts: { ...state.accounts, loading: true } }));
@@ -79,13 +99,21 @@ export const useSocialMediaStore = create((set) => ({
fetchedSocialMediasMap.set(socialMedia.id, socialMedia);
}
- set(() => ({ socialMedias: fetchedSocialMediasMap }));
+ const favoriteAccounts = fetchedAccounts
+ .filter((account) => account.favorite)
+ .map((account) => ({
+ ...account,
+ valid: true,
+ }));
+
set(() => ({
accounts: {
data: accountsBySocialMedia.data,
error: '',
loading: false,
},
+ favoriteAccounts,
+ socialMedias: fetchedSocialMediasMap,
}));
},
diff --git a/src/stores/useSocialMediaStore/useSocialMediaStore.types.ts b/src/stores/useSocialMediaStore/useSocialMediaStore.types.ts
index d12f68a25..352b9e9b6 100644
--- a/src/stores/useSocialMediaStore/useSocialMediaStore.types.ts
+++ b/src/stores/useSocialMediaStore/useSocialMediaStore.types.ts
@@ -1,7 +1,7 @@
import { Account } from '~services/api/accounts/accounts.types';
import { SocialMedia } from '~services/api/social-media/social-media.types';
-export type StoreAccount = Account & { valid: boolean };
+export type StoreAccount = Account & { favorite: boolean; valid: boolean };
export type NewAccount = Omit;
@@ -14,6 +14,13 @@ export type SocialMediaState = {
addAccount: (newAccount: NewAccount) => Promise;
+ favoriteAccount: (
+ accountId: Account['id'],
+ favorite: boolean
+ ) => Promise;
+
+ favoriteAccounts: StoreAccount[];
+
getAllAccounts: () => Promise;
socialMedias: Map;