Skip to content

Commit

Permalink
Added correct icons
Browse files Browse the repository at this point in the history
  • Loading branch information
Freshenext committed Oct 28, 2024
1 parent fc3f093 commit 0a53eea
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 5 deletions.
10 changes: 5 additions & 5 deletions src/app/communities/NftHoldersSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,11 @@ import { HeaderTitle, Paragraph, Span } from '@/components/Typography'
import { Table } from '@/components/Table'
import { LoadingSpinner } from '@/components/LoadingSpinner'
import { EXPLORER_URL } from '@/lib/constants'
import { RxExternalLink, RxViewGrid } from 'react-icons/rx'
import Image from 'next/image'
import { RxExternalLink } from 'react-icons/rx'
import { truncateMiddle } from '@/lib/utils'
import { useState } from 'react'
import { FaTable } from 'react-icons/fa'
import { TableIcon } from '@/app/communities/TableIcon'
import { SquareIcon } from '@/app/communities/SquareIcon'

interface HolderColumnProps {
address: string
Expand Down Expand Up @@ -111,13 +111,13 @@ const ViewIconHandler = ({
className={`w-[46px] h-[46px] flex items-center justify-center ${view === 'table' ? 'bg-white' : ''}`}
onClick={() => onChangeView('table')}
>
<FaTable size={24} color={view === 'table' ? 'black' : 'white'} />
<TableIcon color={view === 'table' ? 'black' : 'white'} />
</div>
<div
className={`w-[46px] h-[46px] flex items-center justify-center ${view === 'images' ? 'bg-white' : ''}`}
onClick={() => onChangeView('images')}
>
<RxViewGrid size={24} color={view === 'images' ? 'black' : 'white'} />
<SquareIcon color={view === 'images' ? 'black' : 'white'} />
</div>
</span>
)
Expand Down
11 changes: 11 additions & 0 deletions src/app/communities/SquareIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
export const SquareIcon = ({ color }: { color: string }) => (
<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M3 12h18m-9-9v18M7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3Z"
/>
</svg>
)
11 changes: 11 additions & 0 deletions src/app/communities/TableIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
export const TableIcon = ({ color }: { color: string }) => (
<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M17.5 17h-11m11-4h-11M3 9h18M7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3Z"
/>
</svg>
)

0 comments on commit 0a53eea

Please sign in to comment.