WrenchBoard/WrenchBoardMainSite2025
2
0
Fork 0
Code Issues Pull Requests Releases Activity

icons added

Browse Source
This commit was merged in pull request #19.
This commit is contained in:
victorAnumudu
2024-08-15 19:24:40 +01:00
parent fd2ee5da6d
commit 8efb07da7a
12 changed files with 36 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/SelectFeatutes.js
+11 -5
View File
@@ -1,11 +1,17 @@
"use client"
import React, { useState } from 'react';
import Image from 'next/image';
//import { Link } from 'react-router-dom';
import thumb from '../assets/images/features-thumb-11.png';
import shapeSix from '../assets/images/shape/shape-6.png';
import shapeSeven from '../assets/images/shape/shape-7.png';
import shapeEight from '../assets/images/shape/shape-8.png';
import Image from 'next/image';
import rewardIcon from '../assets/images/home/001-reward.png'
import walletIcon from '../assets/images/home/004-wallet.png'
import taskIcon from '../assets/images/home/002-task.png'
import familyIcon from '../assets/images/home/003-family.png'
function SelectFeatures({ className }) {
const [tab, setTab] = useState('setting');
const handleClick = (e, value) => {
@@ -35,7 +41,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-home"
aria-selected="true"
>
<i className="fas fa-cog" /> Reward achievement
<span><Image src={rewardIcon} height='25' width='25' className='mr-2' /></span> Reward achievement
</a>
<a
onClick={(e) => handleClick(e, 'report')}
@@ -47,7 +53,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-profile"
aria-selected="false"
>
<i className="fas fa-exclamation-triangle" /> Assign tasks or chores
<span><Image src={taskIcon} height='25' width='25' className='mr-2' /></span> Assign tasks or chores
</a>
<a
onClick={(e) => handleClick(e, 'notice')}
@@ -59,7 +65,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-messages"
aria-selected="false"
>
<i className="fas fa-bell" /> Family engagement
<span><Image src={familyIcon} height='25' width='25' className='mr-2' /></span> Family engagement
</a>
<a
onClick={(e) => handleClick(e, 'app')}
@@ -71,7 +77,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-settings"
aria-selected="false"
>
<i className="fas fa-lock" /> Fund wallets
<span><Image src={walletIcon} height='25' width='25' className='mr-2' /></span> Fund wallets
</a>
</div>
</div>