Skip to content

Commit ddd358a

Browse files
jmfarook7jmfarook7
authored
Merge pull request #20 from SyncfusionExamples/EJ2-946147-develop
947271: Responsive Stock Market Use case sample.
2 parents a1a9c6a + f625475 commit ddd358a

File tree

8 files changed

+252
-130
lines changed

8 files changed

+252
-130
lines changed

‎Stock-Market-Application/src/components/ClimbersFallers.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,9 @@ export default function ClimbersFallers() {
5353
queryCellInfo={queryCellInfo}
5454
allowSorting={true}
5555
allowPaging={true}
56-
pageSettings={{ pageCount: 4, pageSize: 7 }}
56+
pageSettings={{ pageCount: 4, pageSize: 20 }}
5757
enableHover={false}
58-
height={270}
58+
height="100%"
5959
>
6060
<ColumnsDirective>
6161
<ColumnDirective
@@ -133,9 +133,9 @@ export default function ClimbersFallers() {
133133
queryCellInfo={queryCellInfo}
134134
allowSorting={true}
135135
allowPaging={true}
136-
pageSettings={{ pageCount: 4, pageSize: 7 }}
136+
pageSettings={{ pageCount: 4, pageSize: 20 }}
137137
enableHover={false}
138-
height={270}
138+
height="100%"
139139
>
140140
<ColumnsDirective>
141141
<ColumnDirective

‎Stock-Market-Application/src/components/KnowMore.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export default function KnowMore() {
1515
},
1616
{
1717
ID: 2,
18-
ContentTitle: 'The Mechanics of Buying and Selling Stocks',
18+
ContentTitle: 'The Mechanics of Buying and Selling',
1919
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.',
2020
ImgPath: img2,
2121
},
@@ -28,7 +28,7 @@ export default function KnowMore() {
2828
{
2929
ID: 4,
3030
ContentTitle: 'Smart Strategies for Stock Market Success',
31-
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.',
31+
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.',
3232
ImgPath: img4,
3333
}
3434
];

‎Stock-Market-Application/src/components/MyPortfolio.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -152,7 +152,7 @@ export default function MyPortfolio(props: { changeMarquee: Function, myStockDm:
152152
queryCellInfo={queryCellInfo}
153153
allowSorting={true}
154154
allowPaging={true}
155-
pageSettings={{ pageCount: 4, pageSize: 9 }}
155+
pageSettings={{ pageCount: 4, pageSize: 20 }}
156156
enableHover={false}
157157
commandClick={commandClick}
158158
destroyed={destroyed}

‎Stock-Market-Application/src/components/News.tsx

+73-12
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,12 @@ const News = () => {
1313
<div className="e-card-header">
1414
<div className="e-card-header-caption">
1515
<div className="e-card-header-title">
16-
New AI Innovations
16+
New AI Innovations
1717
</div>
1818
</div>
1919
</div>
2020
<div className="e-card-content">
21-
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.
21+
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.
2222
</div>
2323
<div className="e-card-actions">
2424
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -32,12 +32,12 @@ const News = () => {
3232
<div className="e-card-header">
3333
<div className="e-card-header-caption">
3434
<div className="e-card-header-title">
35-
Electric Vehicle Surge
35+
Electric Vehicle Surge
3636
</div>
3737
</div>
3838
</div>
3939
<div className="e-card-content">
40-
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.
40+
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.
4141
</div>
4242
<div className="e-card-actions">
4343
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -51,12 +51,12 @@ const News = () => {
5151
<div className="e-card-header">
5252
<div className="e-card-header-caption">
5353
<div className="e-card-header-title">
54-
Rising Interest Rates
54+
Rising Interest Rates
5555
</div>
5656
</div>
5757
</div>
5858
<div className="e-card-content">
59-
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.
59+
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.
6060
</div>
6161
<div className="e-card-actions">
6262
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -74,12 +74,12 @@ const News = () => {
7474
<div className="e-card-header">
7575
<div className="e-card-header-caption">
7676
<div className="e-card-header-title">
77-
Breakthrough Brain Drug
77+
Breakthrough Brain Drug
7878
</div>
7979
</div>
8080
</div>
8181
<div className="e-card-content">
82-
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.
82+
A new medicine targets neurological disorders, aiming to improve cognitive function. This innovative treatment enhances brain health and manages symptoms more effectively.
8383
</div>
8484
<div className="e-card-actions">
8585
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -93,12 +93,12 @@ const News = () => {
9393
<div className="e-card-header">
9494
<div className="e-card-header-caption">
9595
<div className="e-card-header-title">
96-
Retail Earnings Surge
96+
Retail Earnings Surge
9797
</div>
9898
</div>
9999
</div>
100100
<div className="e-card-content">
101-
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.
101+
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.
102102
</div>
103103
<div className="e-card-actions">
104104
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -112,12 +112,12 @@ const News = () => {
112112
<div className="e-card-header">
113113
<div className="e-card-header-caption">
114114
<div className="e-card-header-title">
115-
Automotive Stock Gains
115+
Automotive Stock Gains
116116
</div>
117117
</div>
118118
</div>
119119
<div className="e-card-content">
120-
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.
120+
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.
121121
</div>
122122
<div className="e-card-actions">
123123
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
@@ -189,6 +189,67 @@ const News = () => {
189189
</div>
190190
</div>
191191
</div>
192+
<div className="row">
193+
<div className="row card-layout">
194+
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
195+
<div className="e-card card10" id="basic_card">
196+
<div className="e-card-header">
197+
<div className="e-card-header-caption">
198+
<div className="e-card-header-title">
199+
Semiconductor Market Boom
200+
</div>
201+
</div>
202+
</div>
203+
<div className="e-card-content">
204+
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.
205+
</div>
206+
<div className="e-card-actions">
207+
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
208+
Read More
209+
</a>
210+
</div>
211+
</div>
212+
</div>
213+
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
214+
<div className="e-card card11" id="weather_card">
215+
<div className="e-card-header">
216+
<div className="e-card-header-caption">
217+
<div className="e-card-header-title">
218+
Fintech Disrupting Banking
219+
</div>
220+
</div>
221+
</div>
222+
<div className="e-card-content">
223+
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.
224+
</div>
225+
<div className="e-card-actions">
226+
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
227+
Read More
228+
</a>
229+
</div>
230+
</div>
231+
</div>
232+
<div className="col-xs-4 col-sm-4 col-lg-4 col-md-4">
233+
<div className="e-card card12" id="weather_card">
234+
<div className="e-card-header">
235+
<div className="e-card-header-caption">
236+
<div className="e-card-header-title">
237+
Global Supply Chain Recovery
238+
</div>
239+
</div>
240+
</div>
241+
<div className="e-card-content">
242+
Supply chain disruptions are easing, boosting global trade and corporate earnings. Companies investing in logistics and automation are seeing improved efficiency, strengthening market confidence.
243+
</div>
244+
<div className="e-card-actions">
245+
<a href="https://ej2.syncfusion.com/" target="_blank" rel="noopener noreferrer">
246+
Read More
247+
</a>
248+
</div>
249+
</div>
250+
</div>
251+
</div>
252+
</div>
192253
</div>
193254
</div>
194255
</div>

0 commit comments

Comments
 (0)