Skip to content

Commit

Permalink
🧙 feat: dev skill level (#64)
Browse files Browse the repository at this point in the history 
#64
  • Loading branch information
@aahna-ashina
aahna-ashina committed Apr 21, 2024
1 parent 1ff7220 commit fe5dd7a
Show file tree
Hide file tree
Showing 3 changed files with 284 additions and 4 deletions.
219 changes: 219 additions & 0 deletions abis/DeveloperSkillLevels.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,219 @@
{
"abi": [
{
"inputs": [
{
"internalType": "address",
"name": "passportUtils_",
"type": "address"
}
],
"stateMutability": "nonpayable",
"type": "constructor"
},
{
"inputs": [
{
"internalType": "address",
"name": "illegalAlien",
"type": "address"
}
],
"name": "NotPassportOwner",
"type": "error"
},
{
"inputs": [
{
"internalType": "address",
"name": "citizen",
"type": "address"
}
],
"name": "PassportExpired",
"type": "error"
},
{
"inputs": [
{
"internalType": "uint8",
"name": "rating",
"type": "uint8"
}
],
"name": "RatingValueError",
"type": "error"
},
{
"anonymous": false,
"inputs": [
{
"indexed": false,
"internalType": "address",
"name": "developer",
"type": "address"
},
{
"indexed": false,
"internalType": "uint8",
"name": "rating",
"type": "uint8"
},
{
"indexed": false,
"internalType": "address",
"name": "citizen",
"type": "address"
}
],
"name": "Rated",
"type": "event"
},
{
"inputs": [],
"name": "VERSION",
"outputs": [
{
"internalType": "string",
"name": "",
"type": "string"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "owner",
"outputs": [
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "passportUtils",
"outputs": [
{
"internalType": "contract IPassportUtils",
"name": "",
"type": "address"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "developer",
"type": "address"
},
{
"internalType": "uint8",
"name": "rating",
"type": "uint8"
}
],
"name": "rate",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "owner_",
"type": "address"
}
],
"name": "setOwner",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "passportUtils_",
"type": "address"
}
],
"name": "setPassportUtils",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"name": "skillLevelAverages",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "",
"type": "address"
},
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"name": "skillLevelRatings",
"outputs": [
{
"internalType": "uint8",
"name": "",
"type": "uint8"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"name": "skillLevelRatingsCount",
"outputs": [
{
"internalType": "uint8",
"name": "",
"type": "uint8"
}
],
"stateMutability": "view",
"type": "function"
}
]
}

55 changes: 55 additions & 0 deletions src/components/ProfileDetailsDevSkillRating.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
import { useContractRead } from "wagmi"
import LoadingIndicator from "./LoadingIndicator"
import DeveloperSkillLevels from "../../abis/DeveloperSkillLevels.json"
import { useIsMounted } from "@/hooks/useIsMounted"
import Link from "next/link"
import { formatEther } from "viem"

export default function ProfileDetailsDevSkillRating({ citizen }: any) {
console.info('ProfileDetailsDevSkillRating')

const { data, isError, isLoading } = useContractRead({
address: '0x4E8231B8374DBd70E8BDD7c7779BEa457318a21c',
abi: DeveloperSkillLevels.abi,
functionName: 'skillLevelAverages',
args: [citizen.ownerAddress]
})
console.info('data:', data)
console.info('isError:', isError)
console.info('isLoading:', isLoading)

if (!useIsMounted() || isLoading) {
return <LoadingIndicator />
} else {
let skillLevelAverage: any = null
if (data) {
skillLevelAverage = data
}
console.info('skillLevelAverage:', skillLevelAverage)
if (!skillLevelAverage) {
return (
<div>
<Link href={`https://etherscan.io/address/0x4e8231b8374dbd70e8bdd7c7779bea457318a21c#writeContract#F1`} target="_blank" className="float-right border rounded-full px-2 ml-8 font-bold text-transparent bg-clip-text bg-gradient-to-br from-sky-400 to-green-400">
Rate 🔗
</Link>
<code>Not rated</code>
</div>
)
} else {
const skillLevelAverageEther: number = Number(formatEther(skillLevelAverage))
console.info('skillLevelAverageEther:', skillLevelAverageEther)
const skillLevelAverageRounded: number = Math.round(skillLevelAverageEther)
console.info('skillLevelAverageRounded:', skillLevelAverageRounded)
const ratingValues = ['★☆☆☆☆ 1/5', '★★☆☆☆ 2/5', '★★★☆☆ 3/5', '★★★★☆ 4/5', '★★★★★ 5/5']
const ratingTextColors = ['text-orange-400', 'text-amber-400', 'text-lime-400', 'text-emerald-400', 'text-cyan-400' ]
return (
<>
<Link href={`https://etherscan.io/address/0x4e8231b8374dbd70e8bdd7c7779bea457318a21c#writeContract#F1`} target="_blank" className="float-right border rounded-full px-2 ml-8 font-bold text-transparent bg-clip-text bg-gradient-to-br from-sky-400 to-green-400">
Rate 🔗
</Link>
<span className={`font-bold ${ratingTextColors[skillLevelAverageRounded - 1]}`}>{ratingValues[skillLevelAverageRounded - 1]}</span>
</>
)
}
}
}
14 changes: 10 additions & 4 deletions src/pages/[passportId].tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,8 @@ import ProfileDetailsGitHub from '@/components/ProfileDetailsGitHub'
import NFTImage from '@/components/NFTImage'
import Link from 'next/link'
import Head from 'next/head'
import ProfileDetailsDevSkillRating from '@/components/ProfileDetailsDevSkillRating'
import { InformationCircleIcon } from '@heroicons/react/24/outline'

const Chart = dynamic(() => import('react-apexcharts'), { ssr: false })

Expand Down Expand Up @@ -84,25 +86,29 @@ export default function ProfilePage({ citizen, nationCred, veNation, dework, coo
{router.isFallback ? (
<LoadingIndicator />
) : (
<ul>
<ul className='divide-y divide-dashed'>
<li className='text-ellipsis overflow-hidden'>
<span className='text-gray-400 '>Ethereum address</span><br />
<Link target='_blank' className="font-bold text-transparent bg-clip-text bg-gradient-to-br from-sky-400 to-green-400" href={`https://etherscan.io/address/${citizen.ownerAddress}`}>
<code>{citizen.ownerAddress}</code>
</Link>
</li>
<li className='mt-2'>
<li className='mt-2 pt-2'>
<span className='text-gray-400 '>GitHub account</span><br />
<ProfileDetailsGitHub citizen={citizen} />
</li>
<li className='mt-2'>
<li className='mt-2 pt-2'>
<span className='text-gray-400 '>Discord account</span><br />
<code>Not linked</code>
</li>
<li className='mt-2'>
<li className='mt-2 pt-2'>
<span className='text-gray-400 '>Discourse account</span><br />
<code>Not linked</code>
</li>
<li className='mt-2 pt-2'>
<span className='text-gray-400 '>Developer skill level <Link href="https://github.com/nation3/citizen-rewards/tree/main/development-guild#readme" target="_blank"><InformationCircleIcon className="inline h-5 w-5" /></Link></span><br />
<ProfileDetailsDevSkillRating citizen={citizen} />
</li>
</ul>
)}
</div>
Expand Down

0 comments on commit fe5dd7a

Please sign in to comment.