Skip to content

947271: Responsive Stock Market Use case sample. #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Mar 17, 2025
Merged

947271: Responsive Stock Market Use case sample. #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions Stock-Market-Application/src/components/ClimbersFallers.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,9 +53,9 @@ export default function ClimbersFallers() {
queryCellInfo={queryCellInfo}
allowSorting={true}
allowPaging={true}
pageSettings={{ pageCount: 4, pageSize: 7 }}
pageSettings={{ pageCount: 4, pageSize: 20 }}
enableHover={false}
height={270}
height="100%"
>
<ColumnsDirective>
<ColumnDirective
Expand Down Expand Up @@ -133,9 +133,9 @@ export default function ClimbersFallers() {
queryCellInfo={queryCellInfo}
allowSorting={true}
allowPaging={true}
pageSettings={{ pageCount: 4, pageSize: 7 }}
pageSettings={{ pageCount: 4, pageSize: 20 }}
enableHover={false}
height={270}
height="100%"
>
<ColumnsDirective>
<ColumnDirective
Expand Down
4 changes: 2 additions & 2 deletions Stock-Market-Application/src/components/KnowMore.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export default function KnowMore() {
},
{
ID: 2,
ContentTitle: 'The Mechanics of Buying and Selling Stocks',
ContentTitle: 'The Mechanics of Buying and Selling',
Content: 'Stock trading involves placing buy and sell orders through brokers or trading platforms. Prices fluctuate based on supply and demand, economic factors, and company performance. Investors can engage in different strategies such as day trading, swing trading, or long-term investing to maximize their returns. Understanding technical analysis and market trends can improve decision-making. Proper risk management is crucial to avoid significant losses.',
ImgPath: img2,
},
Expand All @@ -28,7 +28,7 @@ export default function KnowMore() {
{
ID: 4,
ContentTitle: 'Smart Strategies for Stock Market Success',
Content: 'To succeed in the stock market, its essential to diversify your portfolio, conduct thorough research, and have a long-term investment perspective. Avoid emotional decision-making and always assess risk before investing. Continuous learning and staying updated with market trends will help you navigate the complexities of stock trading effectively. Setting realistic financial goals and maintaining discipline are key to long-term success. Investing with patience and consistency often leads to better results over time.',
Content: 'To succeed in the stock market, diversify your portfolio, research thoroughly, and maintain a long-term perspective. Avoid emotional decisions and assess risk before investing. Continuous learning and staying updated with market trends help navigate stock trading. Setting realistic goals and maintaining discipline are key to long-term success. Patience and consistency often lead to better results.',
ImgPath: img4,
}
];
Expand Down
2 changes: 1 addition & 1 deletion Stock-Market-Application/src/components/MyPortfolio.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ export default function MyPortfolio(props: { changeMarquee: Function, myStockDm:
queryCellInfo={queryCellInfo}
allowSorting={true}
allowPaging={true}
pageSettings={{ pageCount: 4, pageSize: 9 }}
pageSettings={{ pageCount: 4, pageSize: 20 }}
enableHover={false}
commandClick={commandClick}
destroyed={destroyed}
Expand Down
85 changes: 73 additions & 12 deletions Stock-Market-Application/src/components/News.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
New AI Innovations
New AI Innovations
</div>
</div>
</div>
<div className="e-card-content">
Future technology relies heavily on AI, making it a cornerstone of innovation. Investing in AI-related companies offers significant potential for growth. These companies drive advancements across various industries.
Future technology relies heavily on AI, making it a cornerstone of innovation. Investing in AI-related companies offers significant potential for growth. These companies drive advancements across various industries.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand All @@ -32,12 +32,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Electric Vehicle Surge
Electric Vehicle Surge
</div>
</div>
</div>
<div className="e-card-content">
Due to rising oil demand, sales of electric vehicles have surged. This shift reflects a growing preference for more sustainable energy sources. Consumers are increasingly choosing battery-powered cars to reduce fuel dependency.
Due to rising oil demand, sales of electric vehicles have surged. This shift reflects a growing preference for more sustainable energy sources. Consumers are increasingly choosing battery-powered cars to reduce fuel dependency.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand All @@ -51,12 +51,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Rising Interest Rates
Rising Interest Rates
</div>
</div>
</div>
<div className="e-card-content">
Banks and finance companies have raised interest rates, leading to slower economic growth. Higher rates make borrowing more expensive, reducing consumer spending and business investments. This dampens economic activity and can stifle growth.
Banks and finance companies raised interest rates, slowing economic growth. Higher rates make borrowing costly, reducing consumer spending and business investments. This dampens economic activity and can stifle growth.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand All @@ -74,12 +74,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Breakthrough Brain Drug
Breakthrough Brain Drug
</div>
</div>
</div>
<div className="e-card-content">
A new medicine has been developed for brain-related issues. This innovative treatment targets neurological disorders with the potential to improve cognitive function. The medicine aims to enhance brain health and manage symptoms more effectively.
A new medicine targets neurological disorders, aiming to improve cognitive function. This innovative treatment enhances brain health and manages symptoms more effectively.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand All @@ -93,12 +93,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Retail Earnings Surge
Retail Earnings Surge
</div>
</div>
</div>
<div className="e-card-content">
Retail enterprises are seeing their earnings increase day by day. This consistent growth is driven by strong consumer demand and effective business strategies. Enhanced customer experiences and diversified product offerings also contribute to this upward trend.
Retail enterprises see earnings rise daily. This consistent growth is driven by strong consumer demand and effective business strategies. Enhanced customer experiences and diversified product offerings also contribute to this trend.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand All @@ -112,12 +112,12 @@ const News = () => {
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Automotive Stock Gains
Automotive Stock Gains
</div>
</div>
</div>
<div className="e-card-content">
The automotive sector is successfully meeting the rising demand, with car manufacturers ramping up production. As production levels stabilize, the company’s stock has experienced notable gains.
The automotive sector is successfully meeting the rising demand, with car manufacturers ramping up production. As production levels stabilize, the company’s stock has experienced notable gains.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Expand Down Expand Up @@ -189,6 +189,67 @@ const News = () => {
</div>
</div>
</div>
<div className="row">
<div className="row card-layout">
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
<div className="e-card card10" id="basic_card">
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Semiconductor Market Boom
</div>
</div>
</div>
<div className="e-card-content">
The demand for semiconductors has surged due to AI, cloud computing, and electric vehicles. Chip manufacturers are scaling production to meet global needs, making the sector a key investment opportunity.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Read More
</a>
</div>
</div>
</div>
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
<div className="e-card card11" id="weather_card">
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Fintech Disrupting Banking
</div>
</div>
</div>
<div className="e-card-content">
Digital payment platforms and blockchain technology are revolutionizing banking. Traditional banks are adapting, while fintech startups attract investors with innovative financial solutions and seamless user experiences.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Read More
</a>
</div>
</div>
</div>
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
<div className="e-card card12" id="weather_card">
<div className="e-card-header">
<div className="e-card-header-caption">
<div className="e-card-header-title">
Global Supply Chain Recovery
</div>
</div>
</div>
<div className="e-card-content">
Supply chain disruptions are easing, boosting global trade and corporate earnings. Companies investing in logistics and automation are seeing improved efficiency, strengthening market confidence.
</div>
<div className="e-card-actions">
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Expand Down
Loading