diff --git a/package.json b/package.json index 1beb0e4c9..19ff1822f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "src", - "version": "0.8.0+4.6", + "version": "0.8.0+5.2", "private": true, "scripts": { "dev": "next dev", @@ -73,4 +73,4 @@ "pre-commit": "npm run test && lint-staged" } } -} \ No newline at end of file +} diff --git a/public/news/news-eth-20230609001@2x.png b/public/news/news-eth-20230609001@2x.png new file mode 100644 index 000000000..34ba9f3a6 Binary files /dev/null and b/public/news/news-eth-20230609001@2x.png differ diff --git a/src/components/news_article/news_article.tsx b/src/components/news_article/news_article.tsx index 2c26a9bce..818672a12 100644 --- a/src/components/news_article/news_article.tsx +++ b/src/components/news_article/news_article.tsx @@ -43,6 +43,44 @@ const NewsArticle = ({shareId, news, recommendations}: INewsArticle) => { shareId: shareId, }); + // TODO: parse the content as temporary solution (20230612 - Shirley) + // const parseContent = (content: string) => { + // const lines = content.split('\n'); + // // console.log('content', content); + // return lines.map((line, index) => { + // if (line.startsWith('###')) { + // const title = line.substring(3).trim(); // remove '###' + // return ( + //

+ // {title} + //

+ // ); + // } else if (line.includes('https')) { + // const url = line.substring(2); // remove '- ' + // return ( + //

+ // + // {url} + // + //

+ // ); + // // const url = line.substring(2); // remove '- ' + // // return {url}; + // } else { + // return ( + //

+ // {line} + //

+ // ); + // } + // }); + // }; + return (
@@ -67,14 +105,15 @@ const NewsArticle = ({shareId, news, recommendations}: INewsArticle) => { />
{' '} -

{news.title}

+

{news.title}

{date}

{/* TODO: markdown (20230602 - Shirley) */} {/*

{news.content}

*/}
-

Introduction

+ {/* {parseContent(news.content)} */} + {/*

Introduction

The unpredictable terrain of cryptocurrencies is experiencing a considerable degree of turbulence. It is looking down the barrel of an uncertain week ahead, with a potential @@ -242,7 +281,7 @@ const NewsArticle = ({shareId, news, recommendations}: INewsArticle) => { cointelegraph.com - + */}

diff --git a/src/components/news_article/news_article_0602.tsx b/src/components/news_article/news_article_0602.tsx new file mode 100644 index 000000000..34d182f79 --- /dev/null +++ b/src/components/news_article/news_article_0602.tsx @@ -0,0 +1,307 @@ +import Image from 'next/image'; +import React from 'react'; +import {BiArrowBack} from 'react-icons/bi'; +import NavBar from '../nav_bar/nav_bar'; +import {useRouter} from 'next/router'; +import Link from 'next/link'; +import {timestampToString} from '../../lib/common'; +import {ISocialMedia, ShareSettings, SocialMediaConstant} from '../../constants/social_media'; +import useShareProcess from '../../lib/hooks/use_share_process'; +import {ShareType} from '../../constants/share_type'; +import {NEWS_IMG_HEIGHT, NEWS_IMG_WIDTH} from '../../constants/display'; + +interface IRecommendedNews { + newsId: string; + img: string; + timestamp: number; + title: string; + description: string; +} + +interface INews { + newsId: string; + img: string; + timestamp: number; + title: string; + content: string; +} + +interface INewsArticle { + shareId: string; + + news: INews; + recommendations?: Array; +} + +const NewsArticle0602 = ({shareId, news, recommendations}: INewsArticle) => { + const date = timestampToString(news.timestamp || 0).date; + const socialMediaStyle = 'hover:cursor-pointer hover:opacity-80'; + + const {share} = useShareProcess({ + lockerName: 'news_article_0602.shareHandler', + shareType: ShareType.ARTICLE, + shareId: shareId, + }); + + return ( +
+
+ + + {' '} +
+ +
+
+ + + +
+
+ image +
+ {' '} +

{news.title}

+

{date}

+
+ {/* TODO: markdown (20230602 - Shirley) */} + {/*

{news.content}

*/} + +
+

Introduction

+

+ The unpredictable terrain of cryptocurrencies is experiencing a considerable degree of + turbulence. It is looking down the barrel of an uncertain week ahead, with a potential + downturn in its value. After an in-depth analysis of international policy shifts, + technical market predictions, and overarching economic news, a plausible outcome could + be{' '} + + a over 5% depreciation in Ethereum's value from June 3-9, 2023. + {' '} + In this comprehensive exploration, we will delve into these three major dimensions and + the multifaceted factors that support them, to fully understand the composite factors + contributing to this market prediction. +

+

Global Regulatory Stance

+

+ On the international policy front, there are a couple of significant developments that + might potentially drive down Ethereum's price.{' '} + + Russia, a country that holds considerable sway in the global crypto market, is + poised to implement new regulations on the establishment and operation of + cryptocurrency exchanges. + {' '} + These proposed regulations signal a stark shift in Russia's stance towards + cryptocurrencies, casting a cloud of uncertainty over the market. Given the scale of + Russia's involvement in the crypto market, these changes could potentially trigger + market instability, which may, in turn, negatively affect the demand for and + consequently the price of Ethereum. This uncertainty, coupled with a potential + reduction in the participation of Russian players in the crypto market, forms a + compelling case for a potential downturn in Ethereum's value. +

+

+ A similar development is occurring in Bali, Indonesia, where the government has + initiated a crackdown on foreign tourists using cryptocurrencies for payment.{' '} + + Bali, with its thriving tourism industry, forms a significant chunk of Indonesia's + economy. If the use of cryptocurrencies like Ethereum is curtailed in such a major + economy, it could inevitably lead to a decline in the global demand for Ethereum. + {' '} + These restrictions could create a challenging environment for the use of + cryptocurrencies, further exacerbating the potential decline in Ethereum's value. + Given these shifting sands in the international policy landscape, Ethereum may well be + set for a potentially significant decline. +

+

Market Indicators

+

+ From a technical analysis standpoint, the prognosis for Ethereum isn't very optimistic + either. Indications are that Bitcoin and Ethereum possess further correction + potential, hinting at the possibility of a continuation of the recent downward trends. + Given the correlation between Bitcoin and Ethereum, it stands to reason that if + Bitcoin is likely to continue its descent, Ethereum might not be far behind. The + market dynamics that have driven Bitcoin's recent declines could very well influence + Ethereum's trajectory in a similar fashion. +

+

+ Ethereum's market sentiment has been depicted as negative. A negative market sentiment + could indicate a reduced appetite for Ethereum among investors, thereby potentially + leading to lower demand and subsequently, a decline in Ethereum's price. This + analysis, coupled with the potential for market correction, paints a fairly bleak + picture for Ethereum in the week ahead. +

+

Economic Outlook and Trends

+

+ On the overall economic news front, several significant global developments could + potentially contribute to a decline in Ethereum's price. The uncertainty surrounding + the US debt ceiling and its potential impact on Bitcoin is notable. Considering that + Ethereum often follows similar market trends to Bitcoin, this uncertainty could also + weigh heavily on Ethereum's price. The potential for increased market volatility could + spur risk-averse behavior among investors, leading to a reduction in the demand for + Ethereum, thereby potentially causing a downturn in its value. +

+

+ A cautious trend for the stock market in the week ahead is observed, owing to ongoing + geopolitical tensions and economic uncertainty. Given the correlation between + cryptocurrency markets and traditional financial markets, this trend of caution and + uncertainty could potentially spill over into Ethereum's market, exerting downward + pressure on its price. The role of regulatory uncertainty and global economic + conditions in determining cryptocurrency prices is emphasized. Given the current + global uncertainties, it's conceivable that Ethereum might be on the brink of a + negative price trend. +

+

+ The possible impact of the ongoing banking crisis and the US debt ceiling issue on the + cryptocurrency market is noteworthy. +

+

+ Given that the US is a major economy, any uncertainty originating here can have a + ripple effect across global markets. Such uncertainty could cause investors to become + risk-averse, potentially leading to a sell-off in the cryptocurrency market, which + could then affect Ethereum's price. +

+

Summary

+

+ In conclusion, the convergence of the international policy shifts, market indicators, + and global economic trends point towards a potential 5% downturn in Ethereum's value + in the week ahead. The week will be largely dictated by the looming regulatory changes + in Russia and Bali, the negative market sentiment, the potential for further market + correction, and the wider economic uncertainties. While the cryptocurrency terrain is + notoriously unpredictable, these factors collectively suggest a possible dip in + Ethereum's value. In the following week, our focus will be on monitoring these events + closely and evaluating their impacts on Ethereum's trajectory. +

+

Reference

+ +
+ +
+
Share this on
+
+ {Object.entries(ShareSettings).map(([key, value]) => ( +
+ share({socialMedia: key as ISocialMedia, text: value.TEXT})} + src={value.ICON} + width={44} + height={44} + alt={key} + /> +
+ ))} +
+
+
+
+ {recommendations ? ( + <> +
+ +
+
+ You might also like ... +
+
+ {recommendations.map((item, index) => ( +
+ + {`news +
{item.title}
+
{item.description}
+
+ {timestampToString(item.timestamp).date} +
+ +
+ ))} +
+
+ + ) : null} +
+ ); +}; + +export default NewsArticle0602; diff --git a/src/components/news_article/news_article_0609.tsx b/src/components/news_article/news_article_0609.tsx new file mode 100644 index 000000000..ee5676f8e --- /dev/null +++ b/src/components/news_article/news_article_0609.tsx @@ -0,0 +1,293 @@ +import Image from 'next/image'; +import React from 'react'; +import {BiArrowBack} from 'react-icons/bi'; +import NavBar from '../nav_bar/nav_bar'; +import {useRouter} from 'next/router'; +import Link from 'next/link'; +import {timestampToString} from '../../lib/common'; +import {ISocialMedia, ShareSettings, SocialMediaConstant} from '../../constants/social_media'; +import useShareProcess from '../../lib/hooks/use_share_process'; +import {ShareType} from '../../constants/share_type'; +import {NEWS_IMG_HEIGHT, NEWS_IMG_WIDTH} from '../../constants/display'; + +interface IRecommendedNews { + newsId: string; + img: string; + timestamp: number; + title: string; + description: string; +} + +interface INews { + newsId: string; + img: string; + timestamp: number; + title: string; + content: string; +} + +interface INewsArticle { + shareId: string; + + news: INews; + recommendations?: Array; +} + +const NewsArticle0609 = ({shareId, news, recommendations}: INewsArticle) => { + const date = timestampToString(news.timestamp || 0).date; + const socialMediaStyle = 'hover:cursor-pointer hover:opacity-80'; + + const {share} = useShareProcess({ + lockerName: 'news_article_0609.shareHandler', + shareType: ShareType.ARTICLE, + shareId: shareId, + }); + + return ( +
+
+ + + {' '} +
+ +
+
+ + + +
+
+ image +
+ {' '} +

{news.title}

+

{date}

+
+ {/* TODO: markdown (20230602 - Shirley) */} + {/*

{news.content}

*/} + +
+

Introduction

+

+ The dynamism of the global financial landscape, particularly the crypto market, is + marked by the interplay of policies, technology, and economics. We'll focus on these + aspects, playing pivotal roles in sculpting the future of cryptocurrency. Further, our + analysis suggests a potential 3% increase in the Ethereum price from June 10-16, 2023. +

+

International Policy

+

+ Hong Kong is becoming a major crypto hub due to its strategic regulatory moves. Hong + Kong's distinct approach to regulation, including recognition of crypto assets under + existing laws and the requirement for all crypto firms to be licensed, is fostering a + conducive environment for crypto growth. +

+

+ Japan's policies, leveraging its tech strength, have made strides in the crypto + sector. Japan's introduction of the Payment Services Act, which recognizes crypto as a + legal form of payment, has boosted the country's crypto growth. Meanwhile, Japan's + regulatory body, the Financial Services Agency, has created a regulatory sandbox for + fintech innovation, thereby nurturing a favorable environment. +

+

+ London's regulatory environment is also fueling its crypto market. Evertas, a + London-based crypto insurer, was granted authorization to offer services, suggesting + London's flexible regulatory stance. +

+

+ Moreover, European officials believe US SEC's intensified enforcement could create + opportunities for Europe, including the UK, to attract more crypto-related businesses. +

+

Technological advancements

+

+ In the realm of technological advancements, there’s some progression happening in + zkSync and Optimism. +

+

+ zkSync, a Layer-2 scaling solution, is pioneering efficiency and scalability in + blockchain transactions. Its notable development, the "Era Rocket Pool," uses + zero-knowledge proofs to achieve significant transaction speed and reduce gas costs. + This step represents a critical breakthrough, as the technology resolves two of the + most pressing concerns in blockchain applications: scalability and high transaction + fees. The innovation promises to revolutionize not just the DeFi sector but the entire + cryptocurrency landscape, by allowing for more participants and transactions at a + lower cost. +

+

+ Optimism is another trailblazer in this field. The company's recently completed + "Bedrock" hard fork introduces a new era in transaction speed and security. The hard + fork involves an upgraded Ethereum Layer-2 scaling solution, designed to handle more + transactions while increasing their security. This advancement is especially crucial + in the context of the growing demand for secure and efficient crypto transactions. The + "Bedrock" hard fork underscores the progress being made in the realm of blockchain + technology and lays the foundation for further advancements in transactional speed and + security in the crypto world. +

+

Economic Outlook and Trends

+

+ US President Biden's recent signing of the debt ceiling bill averts a default crisis, + ensuring economic stability. Coupled with the BLS's latest employment report + indicating job growth, these factors are fostering a healthy investment environment. +

+

+ Moreover, the Bureau of Labor Statistics (BLS) released a promising employment report. + It shows encouraging signs of job growth, a key indicator of a healthy and recovering + economy. The positive economic news suggests a robust job market, increased consumer + spending, and overall economic growth, conditions typically associated with a thriving + investment ecosystem. +

+

+ Together, these economic factors provide a supportive backdrop for the cryptocurrency + sector. A buoyant economy and stable fiscal policy can inspire confidence among + investors, potentially driving more capital into the market, including the + ever-evolving crypto space. As these economic trends continue, the potential for + crypto market growth is likely to strengthen further. +

+

Summary

+

+ The crypto sector is shaped by policy, technology, and economics. Regulatory measures + in Hong Kong, Japan, and London are carving unique paths. Technological innovations + like zkSync's "Era Rocket Pool" and Optimism's "Bedrock" hard fork are pushing + transaction efficiency and security. Economic indicators, such as the signing of the + debt ceiling bill and positive employment reports, underscore the influence of overall + economic health on the crypto market. +

+

+ As these elements intertwine, they reshape cryptocurrency. We'll continue monitoring + these trends, providing clear and relevant insights into the rapidly evolving crypto + industry. Today's changes are shaping the current state of the crypto market and + outlining its future trajectory. Our focus remains on navigating this dynamic + landscape with accuracy, clarity, and detail. +

+

Reference

+ +
+ +
+
Share this on
+
+ {Object.entries(ShareSettings).map(([key, value]) => ( +
+ share({socialMedia: key as ISocialMedia, text: value.TEXT})} + src={value.ICON} + width={44} + height={44} + alt={key} + /> +
+ ))} +
+
+
+
+ {recommendations ? ( + <> +
+ +
+
+ You might also like ... +
+
+ {recommendations.map((item, index) => ( +
+ + {`news +
{item.title}
+
{item.description}
+
+ {timestampToString(item.timestamp).date} +
+ +
+ ))} +
+
+ + ) : null} +
+ ); +}; + +export default NewsArticle0609; diff --git a/src/components/news_item/news_item.tsx b/src/components/news_item/news_item.tsx index b02a9fc69..c2b33e984 100644 --- a/src/components/news_item/news_item.tsx +++ b/src/components/news_item/news_item.tsx @@ -44,12 +44,14 @@ const NewsItem = ({

{displayedHeading}

-

{displayedContent}

+

+ {displayedContent} +

{displayedTime.date}

-

+

{displayedTime.date}

diff --git a/src/components/news_page_body/news_page_body.tsx b/src/components/news_page_body/news_page_body.tsx index 5a710deb6..9c995c26a 100644 --- a/src/components/news_page_body/news_page_body.tsx +++ b/src/components/news_page_body/news_page_body.tsx @@ -5,7 +5,7 @@ import Pagination from '../pagination/pagination'; import {Currency} from '../../constants/currency'; import {MarketContext} from '../../contexts/market_context'; import useStateRef from 'react-usestateref'; -import {tempRecommendedNews} from '../../interfaces/tidebit_defi_background/news'; +import {tempRecommendedNewsArray} from '../../interfaces/tidebit_defi_background/news'; import {ITEMS_PER_PAGE} from '../../constants/display'; const NewsPageBody = () => { @@ -14,7 +14,7 @@ const NewsPageBody = () => { const [activePage, setActivePage] = React.useState(1); const [search, setSearch, searchRef] = useStateRef(''); - const tempRecommenation = tempRecommendedNews; + const tempRecommenation = tempRecommendedNewsArray; const filteredNews = tempRecommenation.filter( news => diff --git a/src/components/news_section/news_section.tsx b/src/components/news_section/news_section.tsx index 28a1cc159..212b90853 100644 --- a/src/components/news_section/news_section.tsx +++ b/src/components/news_section/news_section.tsx @@ -25,18 +25,20 @@ const NewsSection = ({ const displayedCryptoNews = newsForCurrentPage instanceof Array && - newsForCurrentPage.map((news, index) => { - return ( - - ); - }); + newsForCurrentPage + .sort((a, b) => b.timestamp - a.timestamp) + .map((news, index) => { + return ( + + ); + }); return (
diff --git a/src/interfaces/tidebit_defi_background/news.ts b/src/interfaces/tidebit_defi_background/news.ts index 901b5c9fc..4a857a2bf 100644 --- a/src/interfaces/tidebit_defi_background/news.ts +++ b/src/interfaces/tidebit_defi_background/news.ts @@ -109,13 +109,21 @@ function generateDummyData(length: number) { export const dummyRecommendedNewsList = generateDummyData(100); -export const tempRecommendedNews: IRecommendedNews[] = [ +export const tempRecommendedNewsArray: IRecommendedNews[] = [ { newsId: 'news-eth-20230602001', img: '/news/news-eth-20230602001@2x.png', timestamp: 1685673712, title: `Upcoming Week Brings Uncertainty for Ethereum's Price`, - description: ` The unpredictable terrain of cryptocurrencies is experiencing a considerable degree of turbulence. It is looking down the barrel of an uncertain week ahead, with a potential downturn in its value. After an in-depth analysis of international policy shifts, technical market predictions, and overarching economic news, a plausible outcome could be a over 5% depreciation in Ethereum's value from June 3-9, 2023. In this comprehensive exploration, we will delve into these three major dimensions and the multifaceted factors that support them, to fully understand the composite factors contributing to this market prediction. + description: ` The unpredictable terrain of cryptocurrencies is experiencing a considerable degree of turbulence. It is looking down the barrel of an uncertain week ahead, with a potential downturn in its value. After an in-depth analysis of international policy shifts, technical market predictions, and overarching economic news, a plausible outcome could be a over 5% depreciation in Ethereum's value from June 3-9, 2023. + `, + }, + { + newsId: 'news-eth-20230609001', + img: '/news/news-eth-20230609001@2x.png', + timestamp: 1686254536, + title: `The Shape of Crypto: Policy, Tech, and Economic Trends Sculpting the Future`, + description: `The dynamism of the global financial landscape, particularly the crypto market, is marked by the interplay of policies, technology, and economics. We'll focus on these aspects, playing pivotal roles in sculpting the future of cryptocurrency. Further, our analysis suggests a potential 3% increase in the Ethereum price from June 10-16, 2023. `, }, ]; @@ -142,7 +150,7 @@ export const tempNews: INews = { Ethereum’s market sentiment has been depicted as negative. A negative market sentiment could indicate a reduced appetite for Ethereum among investors, thereby potentially leading to lower demand and subsequently, a decline in Ethereum's price. This analysis, coupled with the potential for market correction, paints a fairly bleak picture for Ethereum in the week ahead. - ### **Economic Outlook and Trends** + ### Economic Outlook and Trends On the overall economic news front, several significant global developments could potentially contribute to a decline in Ethereum's price. The uncertainty surrounding the US debt ceiling and its potential impact on Bitcoin is notable. Considering that Ethereum often follows similar market trends to Bitcoin, this uncertainty could also weigh heavily on Ethereum’s price. The potential for increased market volatility could spur risk-averse behavior among investors, leading to a reduction in the demand for Ethereum, thereby potentially causing a downturn in its value. @@ -167,3 +175,121 @@ export const tempNews: INews = { - https://edition.cnn.com/2023/05/28/business/stocks-week-ahead/index.html - https://cointelegraph.com/news/bank-crisis-debt-ceiling-powder-keg-bitmex-arthur-hayes`, }; + +export const tempNewsArray: INews[] = [ + { + newsId: 'news-eth-20230602001', + img: '/news/news-eth-20230602001@2x.png', + timestamp: 1685673712, + title: `Upcoming Week Brings Uncertainty for Ethereum's Price`, + content: ` + \n### Introduction + + The unpredictable terrain of cryptocurrencies is experiencing a considerable degree of turbulence. It is looking down the barrel of an uncertain week ahead, with a potential downturn in its value. After an in-depth analysis of international policy shifts, technical market predictions, and overarching economic news, a plausible outcome could be a over 5% depreciation in Ethereum's value from June 3-9, 2023. In this comprehensive exploration, we will delve into these three major dimensions and the multifaceted factors that support them, to fully understand the composite factors contributing to this market prediction. + + \n### Global Regulatory Stance + + On the international policy front, there are a couple of significant developments that might potentially drive down Ethereum's price. Russia, a country that holds considerable sway in the global crypto market, is poised to implement new regulations on the establishment and operation of cryptocurrency exchanges. These proposed regulations signal a stark shift in Russia's stance towards cryptocurrencies, casting a cloud of uncertainty over the market. Given the scale of Russia's involvement in the crypto market, these changes could potentially trigger market instability, which may, in turn, negatively affect the demand for and consequently the price of Ethereum. This uncertainty, coupled with a potential reduction in the participation of Russian players in the crypto market, forms a compelling case for a potential downturn in Ethereum's value. + + A similar development is occurring in Bali, Indonesia, where the government has initiated a crackdown on foreign tourists using cryptocurrencies for payment. Bali, with its thriving tourism industry, forms a significant chunk of Indonesia's economy. If the use of cryptocurrencies like Ethereum is curtailed in such a major economy, it could inevitably lead to a decline in the global demand for Ethereum. These restrictions could create a challenging environment for the use of cryptocurrencies, further exacerbating the potential decline in Ethereum's value. Given these shifting sands in the international policy landscape, Ethereum may well be set for a potentially significant decline. + + \n### Market Indicators + + From a technical analysis standpoint, the prognosis for Ethereum isn't very optimistic either. Indications are that Bitcoin and Ethereum possess further correction potential, hinting at the possibility of a continuation of the recent downward trends. Given the correlation between Bitcoin and Ethereum, it stands to reason that if Bitcoin is likely to continue its descent, Ethereum might not be far behind. The market dynamics that have driven Bitcoin's recent declines could very well influence Ethereum’s trajectory in a similar fashion. + + Ethereum’s market sentiment has been depicted as negative. A negative market sentiment could indicate a reduced appetite for Ethereum among investors, thereby potentially leading to lower demand and subsequently, a decline in Ethereum's price. This analysis, coupled with the potential for market correction, paints a fairly bleak picture for Ethereum in the week ahead. + + \n### Economic Outlook and Trends + + On the overall economic news front, several significant global developments could potentially contribute to a decline in Ethereum's price. The uncertainty surrounding the US debt ceiling and its potential impact on Bitcoin is notable. Considering that Ethereum often follows similar market trends to Bitcoin, this uncertainty could also weigh heavily on Ethereum’s price. The potential for increased market volatility could spur risk-averse behavior among investors, leading to a reduction in the demand for Ethereum, thereby potentially causing a downturn in its value. + + A cautious trend for the stock market in the week ahead is observed, owing to ongoing geopolitical tensions and economic uncertainty. Given the correlation between cryptocurrency markets and traditional financial markets, this trend of caution and uncertainty could potentially spill over into Ethereum's market, exerting downward pressure on its price. The role of regulatory uncertainty and global economic conditions in determining cryptocurrency prices is emphasized. Given the current global uncertainties, it's conceivable that Ethereum might be on the brink of a negative price trend. + + The possible impact of the ongoing banking crisis and the US debt ceiling issue on the cryptocurrency market is noteworthy. + + Given that the US is a major economy, any uncertainty originating here can have a ripple effect across global markets. Such uncertainty could cause investors to become risk-averse, potentially leading to a sell-off in the cryptocurrency market, which could then affect Ethereum's price. + + \n### Summary + + In conclusion, the convergence of the international policy shifts, market indicators, and global economic trends point towards a potential 5% downturn in Ethereum's value in the week ahead. The week will be largely dictated by the looming regulatory changes in Russia and Bali, the negative market sentiment, the potential for further market correction, and the wider economic uncertainties. While the cryptocurrency terrain is notoriously unpredictable, these factors collectively suggest a possible dip in Ethereum's value. In the following week, our focus will be on monitoring these events closely and evaluating their impacts on Ethereum's trajectory. + + \n### Reference + + - https://iz-ru.translate.goog/1519017/mariia-kolobova/novyi-bitok-v-rossii-poiaviatsia-pravila-sozdaniia-i-raboty-kriptobirzh?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-US&_x_tr_pto=wapp + - https://www.channelnewsasia.com/asia/bali-crack-down-foreign-tourists-using-crypto-payment-3521321 + - https://coinmarketcap.com/community/articles/6476c4ef3b4ced4c1ed259d2/ + - https://forkast.news/weekly-market-wrap-bitcoin-weighed-down-debt-ceiling-uncertainty/ + - https://www.fxstreet.com/cryptocurrencies/news/bitcoin-and-ethereum-have-further-correction-potential-202305250851 + - https://app.intotheblock.com/coin/ETH?pid=fxstreet&utm_source=fxstreet_widget + - https://edition.cnn.com/2023/05/28/business/stocks-week-ahead/index.html + - https://cointelegraph.com/news/bank-crisis-debt-ceiling-powder-keg-bitmex-arthur-hayes`, + }, + { + newsId: 'news-eth-20230609001', + img: '/news/news-eth-20230609001@2x.png', + timestamp: 1686254536, + title: `The Shape of Crypto: Policy, Tech, and Economic Trends Sculpting the Future`, + content: ` + + \n### Introduction + +The dynamism of the global financial landscape, particularly the crypto market, is marked by the interplay of policies, technology, and economics. We'll focus on these aspects, playing pivotal roles in sculpting the future of cryptocurrency. Further, our analysis suggests a potential 3% increase in the Ethereum price from June 10-16, 2023. + +### International Policy + +Hong Kong is becoming a major crypto hub due to its strategic regulatory moves. Hong Kong's distinct approach to regulation, including recognition of crypto assets under existing laws and the requirement for all crypto firms to be licensed, is fostering a conducive environment for crypto growth. + +Japan's policies, leveraging its tech strength, have made strides in the crypto sector. Japan's introduction of the Payment Services Act, which recognizes crypto as a legal form of payment, has boosted the country's crypto growth. Meanwhile, Japan's regulatory body, the Financial Services Agency, has created a regulatory sandbox for fintech innovation, thereby nurturing a favorable environment. + +London's regulatory environment is also fueling its crypto market. Evertas, a London-based crypto insurer, was granted authorization to offer services, suggesting London's flexible regulatory stance. + +Moreover, European officials believe US SEC's intensified enforcement could create opportunities for Europe, including the UK, to attract more crypto-related businesses. + +### Technological advancements + +In the realm of technological advancements, there’s some progression happening in zkSync and Optimism. + +zkSync, a Layer-2 scaling solution, is pioneering efficiency and scalability in blockchain transactions. Its notable development, the "Era Rocket Pool," uses zero-knowledge proofs to achieve significant transaction speed and reduce gas costs. This step represents a critical breakthrough, as the technology resolves two of the most pressing concerns in blockchain applications: scalability and high transaction fees. The innovation promises to revolutionize not just the DeFi sector but the entire cryptocurrency landscape, by allowing for more participants and transactions at a lower cost. + +Optimism is another trailblazer in this field. The company's recently completed "Bedrock" hard fork, introduces a new era in transaction speed and security. The hard fork involves an upgraded Ethereum Layer-2 scaling solution, designed to handle more transactions while increasing their security. This advancement is especially crucial in the context of the growing demand for secure and efficient crypto transactions. The "Bedrock" hard fork underscores the progress being made in the realm of blockchain technology and lays the foundation for further advancements in transactional speed and security in the crypto world. + +### Economic Outlook and Trends + +US President Biden's recent signing of the debt ceiling bill, averts a default crisis, ensuring economic stability. Coupled with the BLS's latest employment report indicating job growth, these factors are fostering a healthy investment environment. + +Moreover, the Bureau of Labor Statistics (BLS) released a promising employment report. It shows encouraging signs of job growth, a key indicator of a healthy and recovering economy. The positive economic news suggests a robust job market, increased consumer spending, and overall economic growth, conditions typically associated with a thriving investment ecosystem. + +Together, these economic factors provide a supportive backdrop for the cryptocurrency sector. A buoyant economy and stable fiscal policy can inspire confidence among investors, potentially driving more capital into the market, including the ever-evolving crypto space. As these economic trends continue, the potential for crypto market growth is likely to strengthen further. + +### Summary + +The crypto sector is shaped by policy, technology, and economics. Regulatory measures in Hong Kong, Japan, and London are carving unique paths. Technological innovations like zkSync's "Era Rocket Pool" and Optimism's "Bedrock" hard fork are pushing transaction efficiency and security. Economic indicators, such as the signing of the debt ceiling bill and positive employment reports, underscore the influence of overall economic health on the crypto market. + +As these elements intertwine, they reshape cryptocurrency. We'll continue monitoring these trends, providing clear and relevant insights into the rapidly evolving crypto industry. Today's changes are shaping the current state of the crypto market and outlining its future trajectory. Our focus remains on navigating this dynamic landscape with accuracy, clarity, and detail. + +### Reference + +\n- https://cointelegraph.com/news/hong-kong-s-regulatory-lead-sets-it-up-to-be-major-crypto-hub +\n- https://coinpost.jp/?p=464453 +\n- https://hk.finance.yahoo.com/news/crypto-insurer-evertas-authorized-offer-142334486.html +\n- https://www.coindesk.com/policy/2023/06/07/us-sec-enforcement-could-boost-europes-crypto-chances-officials-say/ +\n- https://blockworks.co/news/zksync-era-rocket-pool +\n- https://www.newsbtc.com/news/now-that-optimism-bedrock-hard-fork-is-done-what-can-we-expect/ +\n- [https://www.aljazeera.com/news/2023/6/3/biden-signs-debt-ceiling-bill-pulling-us-from-brink-of-default#:~:text=Raising the nation's debt limit,Oval Office on Friday evening](https://www.aljazeera.com/news/2023/6/3/biden-signs-debt-ceiling-bill-pulling-us-from-brink-of-default#:~:text=Raising%20the%20nation's%20debt%20limit,Oval%20Office%20on%20Friday%20evening) +\n- https://www.bls.gov/news.release/empsit.nr0.htm +`, + }, +]; + +export const getNewsById = (newsId: string) => { + const newsItem = tempNewsArray.find(item => item.newsId === newsId); + if (newsItem) { + return newsItem; + } else { + return tempNewsArray[0]; + } +}; + +export const getRecommendatedNewsById = (newsId: string) => { + return tempRecommendedNewsArray.filter(news => news.newsId !== newsId); +}; diff --git a/src/pages/news/[newsId].tsx b/src/pages/news/[newsId].tsx index 066bd2b47..da36ad828 100644 --- a/src/pages/news/[newsId].tsx +++ b/src/pages/news/[newsId].tsx @@ -10,14 +10,20 @@ import {useContext, useEffect} from 'react'; import {AppContext} from '../../contexts/app_context'; import Footer from '../../components/footer/footer'; import { + getRecommendatedNewsById, getDummyNews, getDummyRecommendationNews, + getNewsById, tempNews, + tempNewsArray, + tempRecommendedNewsArray, } from '../../interfaces/tidebit_defi_background/news'; import {Currency} from '../../constants/currency'; import {MarketContext} from '../../contexts/market_context'; import {DOMAIN} from '../../constants/config'; import {NEWS_IMG_HEIGHT, NEWS_IMG_WIDTH} from '../../constants/display'; +import NewsArticle0602 from '../../components/news_article/news_article_0602'; +import NewsArticle0609 from '../../components/news_article/news_article_0609'; interface IPageProps { newsId: string; @@ -33,14 +39,27 @@ const NewsPage = (props: IPageProps) => { const news = marketCtx.getNews(Currency.ETH, props?.newsId ?? ''); const recommendationNews = marketCtx.getRecommendedNews(Currency.ETH); - const finishedNews = tempNews; - const newsTitle = finishedNews.title; - const newsDescription = finishedNews.content; - const newsImg = finishedNews.img; + const recommendtaion = getRecommendatedNewsById(props.newsId); + // tempRecommendedNewsArray; + + const theNews = getNewsById(props.newsId); + + const newsTitle = theNews.title; + const newsDescription = theNews.content; + const newsImg = theNews.img; const share = `${DOMAIN}/news/${props.newsId}`; const img = `${DOMAIN}${newsImg}`; + const id = props.newsId.split('-')[2]; + + const displayedNews = + id === '20230602001' ? ( + + ) : id === '20230609001' ? ( + + ) : null; + useEffect(() => { if (!appCtx.isInit) { appCtx.init(); @@ -85,13 +104,7 @@ const NewsPage = (props: IPageProps) => { <>
-
- -
+
{displayedNews}
diff --git a/tailwind.config.js b/tailwind.config.js index b4f32c9e0..cda0c1d20 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -226,6 +226,8 @@ module.exports = { '726px': '726px', '1000px': '1000px', '1200px': '1200px', + '1500px': '1500px', + '2000px': '2000px', '2rem': '2rem', '3rem': '3rem', '4rem': '4rem',