feat: added current votes to snippet/cookbook tables

Author: dastrong-codiga

src/renderer/components/CookbookTable/CookbookTable.tsx

@@ -24,6 +24,7 @@ import { AssistantCookbook } from 'renderer/types/assistantTypes';
 import { PageTypes } from 'renderer/types/pageTypes';
 import FavoriteCookbook from 'renderer/components/Favorite/FavoriteCookbook';
 import UserLink from 'renderer/components/UserLink';
+import VotesCurrent from '../VotesCurrent';
 
 const Td = (props: TableCellProps) => (
   <ChakraTd
@@ -120,10 +121,20 @@ export default function CookbookTable({ cookbooks, page }: CookbookTableProps) {
                   </Td>
                   <Td>
                     <Flex alignItems="center" gap="space_8">
-                      <LockIcon open={!!cookbook.isPublic} />
-                      <Text size="xs" noOfLines={1}>
+                      <Text
+                        size="xs"
+                        noOfLines={1}
+                        gridGap="space_4"
+                        d="flex"
+                        alignItems="center"
+                      >
+                        <LockIcon open={!!cookbook.isPublic} />
                         {cookbook.isPublic ? 'Public' : 'Private'}
                       </Text>
+                      <VotesCurrent
+                        upvotes={cookbook.upvotes}
+                        downvotes={cookbook.downvotes}
+                      />
                     </Flex>
                   </Td>
                   <Td>

src/renderer/components/SnippetTable/SnippetTable.tsx

@@ -19,6 +19,7 @@ import { AssistantRecipeWithStats } from 'renderer/types/assistantTypes';
 import { PageTypes } from 'renderer/types/pageTypes';
 import FavoriteSnippet from 'renderer/components/Favorite/FavoriteSnippet';
 import UserLink from 'renderer/components/UserLink';
+import VotesCurrent from '../VotesCurrent';
 
 const Td = (props: TableCellProps) => (
   <ChakraTd {...props} p="space_16" pr="space_64" _last={{ pr: 'space_56' }} />
@@ -121,10 +122,20 @@ export default function SnippetTable({ page, recipes }: SnippetTableProps) {
                   </Td>
                   <Td>
                     <Flex alignItems="center" gap="space_8">
-                      <LockIcon open={!!recipe.isPublic} />
-                      <Text size="xs" noOfLines={1}>
+                      <Text
+                        size="xs"
+                        noOfLines={1}
+                        gridGap="space_4"
+                        d="flex"
+                        alignItems="center"
+                      >
+                        <LockIcon open={!!recipe.isPublic} />
                         {recipe.isPublic ? 'Public' : 'Private'}
                       </Text>
+                      <VotesCurrent
+                        upvotes={recipe.upvotes}
+                        downvotes={recipe.downvotes}
+                      />
                     </Flex>
                   </Td>
                   <Td>

src/renderer/components/VotesCurrent/VotesCurrent.tsx

@@ -0,0 +1,21 @@
+import { Flex, Text } from '@chakra-ui/react';
+import { DownVoteIcon, UpVoteIcon } from '@codiga/codiga-components';
+
+type VotesCurrentProps = {
+  upvotes?: number;
+  downvotes?: number;
+};
+
+export default function VotesCurrent({
+  upvotes = 0,
+  downvotes = 0,
+}: VotesCurrentProps) {
+  const diff = upvotes - downvotes;
+
+  return (
+    <Flex gridGap="space_4" alignItems="center">
+      {diff >= 0 ? <UpVoteIcon /> : <DownVoteIcon />}
+      <Text size="xs">{diff}</Text>
+    </Flex>
+  );
+}

src/renderer/components/VotesCurrent/index.tsx

@@ -0,0 +1 @@
+export { default } from './VotesCurrent';

src/renderer/types/assistantTypes.ts

@@ -53,6 +53,8 @@ export interface AssistantCookbook {
   recipesCount: number;
   groups?: Group[];
   languages?: LanguageEnumeration[];
+  upvotes?: number;
+  downvotes?: number;
 }
 
 export interface AssistantCookbookWithRecipeSummary {