fix ui

infinex-io · Oct 5, 2023 · daceccc · daceccc
1 parent 5c55f39
commit daceccc
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 19 deletions.
diff --git a/components/MemberCard/Index.tsx b/components/MemberCard/Index.tsx
@@ -68,7 +68,7 @@ export default function MemberCard({
 		<>
 			<Avatar width={56} height={56} walletAddress={member.address} url={member.pfpThumbnailUrl} />
 			{council && (
-				<Badge variant="blue" className="mt-2 uppercase">
+				<Badge className="mt-2 uppercase">
 					{t('profiles.council', { council })}
 				</Badge>
 			)}
@@ -137,8 +137,8 @@ export default function MemberCard({
 		<div
 			key={member.address.concat(member.about)}
 			className={clsx('p-0.5 rounded-lg', className, {
-				'bg-orange': isOwnCard,
-				'bg-purple': !isOwnCard,
+				'bg-[#232334]': isOwnCard,
+				'bg-[#182534]': !isOwnCard,
 				'w-full xs:max-w-[210px] min-w-[210px] h-[285px]': !listView,
 				'w-full': listView,
 			})}

diff --git a/components/MemberCard/MemberCardAction.tsx b/components/MemberCard/MemberCardAction.tsx
@@ -5,13 +5,14 @@ import { useRouter } from 'next/router';
 import { GetUserDetails } from 'queries/boardroom/useUserDetailsQuery';
 import { useTranslation } from 'react-i18next';
 import VoteModal from 'components/Modals/Vote';
-import { Button, IconButton, Dropdown, Icon } from '@synthetixio/ui';
+import { IconButton, Dropdown, Icon } from '@synthetixio/ui';
 import Link from 'next/link';
 import { EpochPeriods } from 'queries/epochs/useCurrentPeriodQuery';
 import { DeployedModules } from 'containers/Modules';
 import WithdrawVoteModal from 'components/Modals/WithdrawVote';
 import { compareAddress } from 'utils/helpers';
 import clsx from 'clsx';
+import { Button } from 'components/button';
 
 interface Props {
 	state: keyof typeof EpochPeriods;
@@ -50,9 +51,8 @@ export const MemberCardAction: React.FC<Props> = ({
                         e.stopPropagation();
                         push('/profile/' + member.address);
                     }}
-                >
-                    {t('councils.view-member')}
-                </Button>
+                    label={t('councils.view-member') as string}
+                />
             </div>
         )}
 
@@ -70,9 +70,8 @@ export const MemberCardAction: React.FC<Props> = ({
                             push('/profile/' + member.address);
                         }
                     }}
-                >
-                    {isOwnCard ? t('councils.edit-nomination') : t('councils.view-nominee')}
-                </Button>
+                   label={isOwnCard ? t('councils.edit-nomination') as string : t('councils.view-nominee') as string}
+                />
 
                 {isOwnCard && (
                     <Dropdown
@@ -134,7 +133,6 @@ export const MemberCardAction: React.FC<Props> = ({
                 <div className="flex flex-col">
                     <Button
                         className={clsx('w-full', { 'mr-2': isOwnCard })}
-                        variant="outline"
                         onClick={(e) => {
                             e.stopPropagation();
                             if (votedForAlready) {
@@ -156,16 +154,15 @@ export const MemberCardAction: React.FC<Props> = ({
                             }
                             setIsOpen(true);
                         }}
-                    >
-                        {votedForAlready ? t('vote.withdraw') : t('vote.vote-nominee')}
-                    </Button>
+                        label={votedForAlready ? t('vote.withdraw') as string: t('vote.vote-nominee') as string}
+                    />
                     {!isOwnCard && (
-                        <span
-                            className="tg-caption cursor-pointer bg-clip-text text-transparent ui-gradient-primary text-center mt-3"
+                        <Button
+                            variant='outline'
+                            className="cursor-pointer text-center mt-3"
                             onClick={() => push('/profile/'.concat(walletAddress))}
-                        >
-                            {t('councils.view-nominee')}
-                        </span>
+                            label={t('councils.view-nominee') as string}
+                        />
                     )}
                 </div>
                 {isOwnCard && (