feat: Favorites (#1094)

* Adding the favorite button * favorites services and resolvers * favorites schema * favorite ability handler * favorite module export * front end UI * front end graphql additions * server ability handlers * server resolvers and services * css fix * Adding the favorite button * favorites services and resolvers * favorites schema * favorite ability handler * favorite module export * front end UI * front end graphql additions * server ability handlers * server resolvers and services * css fix * delete favorites handler and resolver * removed favorite from index list * chip avatar size props * index list additions * UI additions for favorites functionality * lint fixes * graphql codegen * UI fixes * favorite hook addition * moved to ~/modules * Favorite mapping to workspaceMember * graphql codegen * cosmetic changes * camel cased methods * graphql codegen
2023-08-10 23:24:45 +01:00
parent d4b1153517
commit 0490c6b6ea
23 changed files with 917 additions and 21 deletions
--- a/front/src/modules/favorites/components/Favorites.tsx
+++ b/front/src/modules/favorites/components/Favorites.tsx
@ -0,0 +1,63 @@
+import styled from '@emotion/styled';
+
+import NavItem from '@/ui/navbar/components/NavItem';
+import { Avatar } from '@/users/components/Avatar';
+import { useGetFavoritesQuery } from '~/generated/graphql';
+import { getLogoUrlFromDomainName } from '~/utils';
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  overflow-x: auto;
+  width: 100%;
+`;
+
+export function Favorites() {
+  const { data } = useGetFavoritesQuery();
+  const favorites = data?.findFavorites;
+
+  if (!favorites) return <></>;
+
+  return (
+    <Wrapper>
+      {favorites &&
+        favorites.map(
+          ({ id, person, company }) =>
+            (person && (
+              <NavItem
+                key={id}
+                label={`${person.firstName} ${person.lastName}`}
+                icon={
+                  <Avatar
+                    key={id}
+                    avatarUrl={person.avatarUrl ?? ''}
+                    type="rounded"
+                    placeholder={`${person.firstName} ${person.lastName}`}
+                    size="md"
+                  />
+                }
+                to={`/person/${person.id}`}
+              />
+            )) ||
+            (company && (
+              <NavItem
+                key={id}
+                label={company.name}
+                icon={
+                  <Avatar
+                    key={id}
+                    avatarUrl={
+                      getLogoUrlFromDomainName(company.domainName) ?? ''
+                    }
+                    type="squared"
+                    placeholder={company.name}
+                    size="md"
+                  />
+                }
+                to={`/companies/${company.id}`}
+              />
+            )),
+        )}
+    </Wrapper>
+  );
+}