Default IQ Dashboard to dark theme, update URLs, and implement translation #291

Yomzy2223 · 2025-01-08T19:37:43Z

Default IQ Dashboard to dark theme, update URLs, and implement translation

This PR implements translation for all pages, updates URLs to https://iq.iqai.com/ and updates IQ default theme to dark mode

Linked issues

closes EveripediaNetwork/issues#3699

stackblitz · 2025-01-08T19:37:45Z

Run & review this pull request in StackBlitz Codeflow.

vercel · 2025-01-08T19:37:47Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
iq-dashboard	✅ Ready (Inspect)	Visit Preview	Jan 13, 2025 11:24am

…nents

src/components/iq-logo.tsx

src/components/iq-logo-3.tsx

Softdev1 · 2025-01-09T07:52:31Z

@Aliiiu please remember to review this pull request

Aliiiu · 2025-01-09T09:43:55Z

src/app/[locale]/dashboard/(hiiq)/layout.tsx

@@ -1,23 +1,24 @@
 'use client'


i think we can extract the client-side interaction into a separate component. so it will be server(parent) - client(child)

Thought of making this changes, but didn't want to cause conflicts since you already are working on refactoring in another pr. This PR didn't make changes to this.

I am only working on refactoring specific API routes

Oh okay. We'll do this alongside other refactoring changes in a new pr then

the PR should be about changing default bg update urls and translation. everything else is just delaying the merge.

code reviews should also be about the specs and if its an important needed refactoring, you open a new issue, merge this PR and work in that new issue 👍🏻

Okay, great! Will ensure focus is narrowed down to specs

Aliiiu · 2025-01-09T09:53:36Z

src/app/[locale]/dashboard/page.tsx

 import Link from '@/components/elements/LinkElements/Link'
 import TokenData from '@/components/dashboard/TokenData'
 import { DashboardGraphData } from '@/components/dashboard/GraphDetails'
 import { fetchMarketData } from '@/utils/fetch-market-data'
+import { useTranslations } from 'next-intl'
+import { IQLogo } from '@/components/iq-logo'

 const Home: NextPage = () => {
  const { marketData } = fetchMarketData()


why is this not a hook? Looking at the code structure and implementation, this appears to be a React hook rather than a utility function.

This PR is for a different task, not for refactoring. This PR didn't make changes to this either. It only updates IQ default theme to dark mode, updates URLs to https://iq.iqai.com/ and implements translation.

Alright, noted

Aliiiu · 2025-01-09T09:59:44Z

src/app/layout.tsx

 }

-const RootLayout = ({ children }: { children: React.ReactNode }) => {
+export default async function RootLayout({


This the second RootLayout component the other is inside app-[locale]-layout. Also why is it that one has import 'regenerator-runtime/runtime' and the other does not

Nice catch 👏 Was an oversight. Will rename the second to LocaleLayout. For the regenerator-runtime/runtime, wasn't a change made in this PR.

Aliiiu · 2025-01-09T10:04:43Z

src/app/layout.tsx

  return (
-    <html lang="en">
+    <html lang={locale} suppressHydrationWarning>
      <head>


why do we still need the head tag after exporting generateMetadata

This PR didn't make changes to that. It only translated the exported generateMetadata

Aliiiu · 2025-01-09T10:05:34Z

src/components/SEO/Default.tsx

@@ -8,20 +8,20 @@ interface SEOHeaderProps {

 const SEOHeader = ({ router }: SEOHeaderProps) => (


Are we still using this component?

Just confirmed it's redundant. Again, this PR didn't make changes to that. We might need to handle removing all redundant files in the refactoring pr

Aliiiu · 2025-01-09T10:43:40Z

src/components/client/404.tsx

 import { ChakraProvider } from '@chakra-ui/react'
 import chakraTheme from '@/theme'
 import ColorMode from '@/components/chakra/ColorMode'
+import { Link } from '@/i18n/routing'


why are we using this Link component

It enables us to work with pathnames like /about, while i18n aspects like language prefixes are handled behind the scenes. https://next-intl.dev/docs/getting-started/app-router/with-i18n-routing

Aliiiu · 2025-01-09T10:52:04Z

src/components/client/VotingPage.tsx

@@ -166,8 +169,7 @@ const VotingPage = () => {
    >
      <EmptyState />
      <Text maxW="80" color="tooltipColor" fontWeight="medium">
-        There are no active votings at the moment, Votes in progress will appear
-        here as they happen.
+        {t('emptyState')}
      </Text>
    </Flex>
  )


The votingItem has missing translations

Nice catch 👏 Will update

Aliiiu · 2025-01-09T10:55:40Z

src/components/dashboard/Exchanges.tsx

 import React from 'react'
 import BinanceIcon from '../icons/binance'
 import { OneInch } from '../icons/1inch'
 import { Upbit } from '../icons/Upbit'
 import ArrowIcon from '../icons/arrow'
 import { Fraxswap } from '../icons/fraxswap'
+import { useTranslations } from 'next-intl'
+import { Link } from '@/i18n/routing'


Why are we using this here?

yes, the exchanges are external link

Aliiiu · 2025-01-09T11:01:24Z

src/components/dashboard/hiiq-table/columns.tsx

@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { RiArrowDownSFill, RiCheckFill, RiFileCopyLine } from 'react-icons/ri'
 import { getShortenAddress } from '@/lib/helpers/getShortenAddress'
 import { useState } from 'react'
-import Link from 'next/link'
+import { Link } from '@/i18n/routing'


please revisit this import also

Aliiiu · 2025-01-09T11:04:51Z

src/components/elements/LinkElements/LinkWrapper.tsx


 type ChakraLinkAndNextProps = ChakraLinkProps & LinkProps

 export const LinkWrapper = ({ href, children }: ChakraLinkAndNextProps) => {
  return (
-    <NextLink href={href} passHref legacyBehavior>
+    <Link href={href} passHref legacyBehavior>


do we really need the passHref and legacyBehavior. Let's also try to separate this component to be used for external and internal component

Aliiiu · 2025-01-09T11:22:21Z

Aliiiu · 2025-01-09T11:24:02Z

The active link is not working again

Aliiiu · 2025-01-09T11:25:09Z

incomplete translation

Aliiiu · 2025-01-09T11:26:04Z

This too

Aliiiu · 2025-01-09T11:28:47Z

can we translate "created by"

Aliiiu · 2025-01-09T11:31:11Z

missing translation

src/components/iq-logo.tsx

kesar · 2025-01-10T16:35:27Z

@Softdev1 this PR is huge, ensure you also test it before merging, i dont want people having issues staking or other errors. Ensure you check all pages work as expected.

Also once merged, perhaps send it to Andy to review korean translations

Softdev1 · 2025-01-10T17:20:12Z

@Softdev1 this PR is huge, ensure you also test it before merging, i dont want people having issues staking or other errors. Ensure you check all pages work as expected.

Also once merged, perhaps send it to Andy to review korean translations

Okay sir

Aliiiu · 2025-01-13T10:51:10Z

can we work on the translations of the "Next" and "Previous"

Aliiiu · 2025-01-13T10:53:01Z

Can we also translate the "years"

Yomzy2223 · 2025-01-13T11:05:13Z

can we work on the translations of the "Next" and "Previous"

Nice catch 👏 Will update now

codeclimate · 2025-01-13T11:23:05Z

Code Climate has analyzed commit 040e6ca and detected 4 issues on this pull request.

Here's the issue category breakdown:

Category	Count
Duplication	4

View more on Code Climate.

Yomzy2223 · 2025-01-13T11:24:17Z

Can we also translate the "years"

Now translated

Yomzy2223 · 2025-01-13T11:25:02Z

can we work on the translations of the "Next" and "Previous"

Now translated

Yomzy2223 added 4 commits January 8, 2025 16:47

update default theme to dark

0a72440

update braindoa text and link to iq and new link respectively

882bd7e

implement translation and update logo

cfdaebe

update locale switch compoenent to include other languages

35dd5b0

Yomzy2223 changed the title ~~Update iq dashboard~~ Default IQ Dashboard to dark theme, update URLs, and implement translation Jan 8, 2025

Yomzy2223 added 16 commits January 8, 2025 23:29

implement next-intl with i18n routing and translations for metadata

2f02de8

lint

9a99261

update metadata and remove braindao images

03eae3f

update favicon

5bb75e6

rename BrainDao to IQLogo

54e8bc9

update metadata translations and BraindaoLogo3 to IQLogo3

2e4f7a9

complete translating dashboard page

50531ce

implement swap page translation

5c90422

add translations for stake page and all it's components and sub compo…

9366e9a

…nents

add translations for voting page

971e6cc

add translations for stats page

0c6b0eb

add translations for treasury page

b2b7ba4

add sidebar translations

781dbce

update links to the link from i18n

62038bf

add translations for header

1121fc2

update kr and zh translations

bb8b358

codeclimate bot reviewed Jan 9, 2025

View reviewed changes

src/components/iq-logo.tsx Show resolved Hide resolved

src/components/iq-logo-3.tsx Outdated Show resolved Hide resolved

vercel bot deployed to Preview January 9, 2025 04:29 View deployment

remove iqlogo3 component

74f9c4c

vercel bot deployed to Preview January 9, 2025 04:46 View deployment

Yomzy2223 requested a review from Aliiiu January 9, 2025 05:01

Aliiiu reviewed Jan 9, 2025

View reviewed changes

Yomzy2223 added 2 commits January 10, 2025 13:25

fix iq logo svg issue and rename locale layout

b44bb60

add all missing translations

b6a4184

codeclimate bot reviewed Jan 10, 2025

View reviewed changes

src/components/iq-logo.tsx Show resolved Hide resolved

vercel bot deployed to Preview January 10, 2025 16:06 View deployment

Yomzy2223 requested a review from Aliiiu January 10, 2025 16:10

resolve svgs duplicate path issue

fb939cc

vercel bot deployed to Preview January 10, 2025 16:59 View deployment

fix sidebar active item issue

7725c1a

vercel bot deployed to Preview January 10, 2025 17:56 View deployment

Yomzy2223 requested a review from Softdev1 January 10, 2025 17:57

update og image ref url

a661eb5

vercel bot deployed to Preview January 13, 2025 07:51 View deployment

add missing translations

040e6ca

vercel bot deployed to Preview January 13, 2025 11:24 View deployment

Aliiiu approved these changes Jan 13, 2025

View reviewed changes

Yomzy2223 merged commit d0b597f into main Jan 13, 2025
2 of 3 checks passed

		@@ -8,20 +8,20 @@ interface SEOHeaderProps {

		const SEOHeader = ({ router }: SEOHeaderProps) => (

Default IQ Dashboard to dark theme, update URLs, and implement translation #291

Default IQ Dashboard to dark theme, update URLs, and implement translation #291

Conversation

Yomzy2223 commented Jan 8, 2025 • edited Loading

Default IQ Dashboard to dark theme, update URLs, and implement translation

Linked issues

stackblitz bot commented Jan 8, 2025

vercel bot commented Jan 8, 2025 • edited Loading

Softdev1 commented Jan 9, 2025

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

kesar Jan 10, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Aliiiu commented Jan 9, 2025

Aliiiu commented Jan 9, 2025

Aliiiu commented Jan 9, 2025

Aliiiu commented Jan 9, 2025

Aliiiu commented Jan 9, 2025

Aliiiu commented Jan 9, 2025

kesar commented Jan 10, 2025

Softdev1 commented Jan 10, 2025

Aliiiu commented Jan 13, 2025

Aliiiu commented Jan 13, 2025

Yomzy2223 commented Jan 13, 2025

codeclimate bot commented Jan 13, 2025

Yomzy2223 commented Jan 13, 2025

Yomzy2223 commented Jan 13, 2025

Yomzy2223 commented Jan 8, 2025 •

edited

Loading

vercel bot commented Jan 8, 2025 •

edited

Loading

kesar Jan 10, 2025 •

edited

Loading