finsignal-feed-explore 2.21.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FeedList.css +2 -100
- package/dist/FeedList.css.map +1 -1
- package/dist/FeedList.d.ts +1 -1
- package/dist/FeedList.d.ts.map +1 -1
- package/dist/FeedList.js +1 -1
- package/dist/FeedList.js.map +1 -1
- package/dist/components/NewsSkeleton.css +98 -139
- package/dist/components/NewsSkeleton.css.map +1 -1
- package/dist/components/NewsSkeleton.d.ts +1 -1
- package/dist/components/NewsSkeleton.d.ts.map +1 -1
- package/dist/components/NewsSkeleton.js +2 -2
- package/dist/components/NewsSkeleton.js.map +1 -1
- package/dist/components/icons.d.ts.map +1 -1
- package/dist/components/icons.js +1 -5
- package/dist/components/icons.js.map +1 -1
- package/dist/newsfeed.css +2 -100
- package/dist/snippets/NewsSnippet.css +120 -110
- package/dist/snippets/NewsSnippet.css.map +1 -1
- package/dist/snippets/NewsSnippet.d.ts +1 -1
- package/dist/snippets/NewsSnippet.d.ts.map +1 -1
- package/dist/snippets/NewsSnippet.js +2 -2
- package/dist/snippets/NewsSnippet.js.map +1 -1
- package/package.json +4 -4
package/dist/FeedList.css
CHANGED
|
@@ -1,99 +1,6 @@
|
|
|
1
1
|
/* Import component styles */
|
|
2
|
-
.
|
|
3
|
-
|
|
4
|
-
height: 20px;
|
|
5
|
-
display: flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
background: none;
|
|
9
|
-
border: none;
|
|
10
|
-
padding: 0;
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
position: relative;
|
|
13
|
-
transition: opacity 0.2s ease;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.filter-button:hover {
|
|
17
|
-
opacity: 0.7;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.filter-button:active {
|
|
21
|
-
opacity: 0.5;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.filter-button:focus {
|
|
25
|
-
outline: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.filter-button:focus-visible {
|
|
29
|
-
outline: 2px solid #7863F6;
|
|
30
|
-
outline-offset: 2px;
|
|
31
|
-
border-radius: 4px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/* Badge styles */
|
|
35
|
-
.filter-button--with-badge {
|
|
36
|
-
position: relative;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.filter-button__badge {
|
|
40
|
-
position: absolute;
|
|
41
|
-
top: -2px;
|
|
42
|
-
right: -2px;
|
|
43
|
-
border-radius: 12px;
|
|
44
|
-
width: 12px;
|
|
45
|
-
height: 12px;
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
justify-content: center;
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.filter-button__badge-text {
|
|
53
|
-
font-size: 8px;
|
|
54
|
-
font-weight: 600;
|
|
55
|
-
line-height: 12px;
|
|
56
|
-
letter-spacing: -0.2px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.empty-state {
|
|
60
|
-
display: flex;
|
|
61
|
-
flex-direction: column;
|
|
62
|
-
align-items: center;
|
|
63
|
-
justify-content: center;
|
|
64
|
-
padding: 48px 24px;
|
|
65
|
-
text-align: center;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.empty-state__icon {
|
|
69
|
-
margin-bottom: 24px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.empty-state__icon svg {
|
|
73
|
-
width: 120px;
|
|
74
|
-
height: 120px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.empty-state__content {
|
|
78
|
-
max-width: 320px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.empty-state__title {
|
|
82
|
-
font-size: 20px;
|
|
83
|
-
font-weight: 600;
|
|
84
|
-
line-height: 28px;
|
|
85
|
-
color: #040405;
|
|
86
|
-
margin: 0 0 8px 0;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.empty-state__description {
|
|
90
|
-
font-size: 14px;
|
|
91
|
-
font-weight: 400;
|
|
92
|
-
line-height: 20px;
|
|
93
|
-
color: rgba(4, 4, 5, 0.56);
|
|
94
|
-
margin: 0;
|
|
95
|
-
}
|
|
96
|
-
|
|
2
|
+
@import './components/FilterButton.css';
|
|
3
|
+
@import './components/EmptyState.css';
|
|
97
4
|
.news-feed {
|
|
98
5
|
position: relative;
|
|
99
6
|
width: 100%;
|
|
@@ -126,11 +33,9 @@
|
|
|
126
33
|
cursor: pointer;
|
|
127
34
|
transition: background-color 0.2s ease;
|
|
128
35
|
}
|
|
129
|
-
|
|
130
36
|
.news-feed__filter-btn:hover {
|
|
131
37
|
background: rgba(4, 4, 5, 0.06);
|
|
132
38
|
}
|
|
133
|
-
|
|
134
39
|
.news-feed__filter-btn--active {
|
|
135
40
|
background: rgba(120, 99, 246, 0.12);
|
|
136
41
|
}
|
|
@@ -165,7 +70,6 @@
|
|
|
165
70
|
flex-direction: column;
|
|
166
71
|
gap: 0;
|
|
167
72
|
}
|
|
168
|
-
|
|
169
73
|
.news-feed__list--hidden {
|
|
170
74
|
visibility: hidden;
|
|
171
75
|
pointer-events: none;
|
|
@@ -181,7 +85,6 @@
|
|
|
181
85
|
flex-direction: column;
|
|
182
86
|
overflow: hidden;
|
|
183
87
|
}
|
|
184
|
-
|
|
185
88
|
.news-feed__filters-container--hidden {
|
|
186
89
|
visibility: hidden;
|
|
187
90
|
pointer-events: none;
|
|
@@ -195,7 +98,6 @@
|
|
|
195
98
|
border-radius: 12px;
|
|
196
99
|
margin: 0 16px 16px 16px;
|
|
197
100
|
}
|
|
198
|
-
|
|
199
101
|
.news-feed__error small {
|
|
200
102
|
display: block;
|
|
201
103
|
margin-top: 8px;
|
package/dist/FeedList.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/FeedList.scss"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/FeedList.scss"],"names":[],"mappings":"AAAA;AACQ;AACA;AAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"FeedList.css"}
|
package/dist/FeedList.d.ts
CHANGED
package/dist/FeedList.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedList.d.ts","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIjD,OAAO,
|
|
1
|
+
{"version":3,"file":"FeedList.d.ts","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIjD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAEzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAExF,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgW5C,CAAC"}
|
package/dist/FeedList.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useFeedData } from './hooks/useFeedData';
|
|
|
7
7
|
import { useFilters } from './hooks/useFilters';
|
|
8
8
|
import { MOCK_NEWS } from './constants/mock-news';
|
|
9
9
|
import { DEFAULT_API_URL } from './constants/api';
|
|
10
|
-
import './FeedList.
|
|
10
|
+
import './FeedList.scss';
|
|
11
11
|
export const FeedList = ({ apiUrl, initialFilters = [], enableInfiniteScroll = true, query, debounceMs = 500, onNewsClick, onShareClick, onBookmarkClick, onLikeClick, onDislikeClick, onAIClick, onFiltersOpen, onFiltersClose, onFiltersApply, onFiltersChange, onShowFilter, showShareIcon = false, showBookmarkIcon = true, showLikeIcon = false, showDislikeIcon = false, showAIIcon = true, showFilterIcon = true, marketEventsTaxonomy, enableDragDrop = false, onDragStart, onDragEnd, isFiltersOpen: externalIsFiltersOpen, onFiltersOpenChange, theme = 'light', feedType, useMockData }) => {
|
|
12
12
|
const { selectedMarketEvents, isOpen: internalIsFiltersOpen, toggleFilter, clearFilters, setFilters, openFilters, closeFilters } = useFilters(initialFilters);
|
|
13
13
|
const isFiltersOpen = externalIsFiltersOpen !== undefined ? externalIsFiltersOpen : internalIsFiltersOpen;
|
package/dist/FeedList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedList.js","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"FeedList.js","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
/* CSS Variables for theming */
|
|
2
|
-
|
|
3
|
-
--skeleton-bg: #
|
|
4
|
-
--skeleton-shimmer:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
);
|
|
10
|
-
}
|
|
11
|
-
.news-skeleton-container[data-theme=dark] {
|
|
12
|
-
--skeleton-bg: #2a2a2e;
|
|
13
|
-
--skeleton-shimmer: linear-gradient(
|
|
14
|
-
90deg,
|
|
15
|
-
rgba(255, 255, 255, 0) 0%,
|
|
16
|
-
rgba(255, 255, 255, 0.1) 50%,
|
|
17
|
-
rgba(255, 255, 255, 0) 100%
|
|
18
|
-
);
|
|
2
|
+
:root {
|
|
3
|
+
--skeleton-bg: #e5e7eb;
|
|
4
|
+
--skeleton-shimmer: rgba(255, 255, 255, 0.5);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.dark {
|
|
8
|
+
--skeleton-bg: rgba(255, 255, 255, 0.1);
|
|
9
|
+
--skeleton-shimmer: rgba(255, 255, 255, 0.05);
|
|
19
10
|
}
|
|
20
11
|
|
|
21
12
|
.news-skeleton-container {
|
|
@@ -29,70 +20,34 @@
|
|
|
29
20
|
display: flex;
|
|
30
21
|
flex-direction: column;
|
|
31
22
|
gap: 12px;
|
|
32
|
-
|
|
23
|
+
animation: pulse 1.5s ease-in-out infinite;
|
|
33
24
|
}
|
|
34
25
|
|
|
35
26
|
.news-skeleton__header {
|
|
36
27
|
display: flex;
|
|
37
|
-
justify-content: space-between;
|
|
38
28
|
align-items: center;
|
|
29
|
+
justify-content: space-between;
|
|
39
30
|
}
|
|
40
31
|
|
|
41
|
-
.news-
|
|
42
|
-
height:
|
|
32
|
+
.news-skeleton__time {
|
|
33
|
+
height: 14px;
|
|
43
34
|
width: 60px;
|
|
35
|
+
background-color: var(--skeleton-bg);
|
|
44
36
|
border-radius: 4px;
|
|
45
|
-
background: var(--skeleton-bg);
|
|
46
|
-
position: relative;
|
|
47
|
-
overflow: hidden;
|
|
48
|
-
}
|
|
49
|
-
.news-skeleton__timestamp::after {
|
|
50
|
-
content: "";
|
|
51
|
-
position: absolute;
|
|
52
|
-
top: 0;
|
|
53
|
-
left: -100%;
|
|
54
|
-
width: 100%;
|
|
55
|
-
height: 100%;
|
|
56
|
-
background: var(--skeleton-shimmer);
|
|
57
|
-
animation: shimmer 1.5s infinite;
|
|
58
37
|
}
|
|
59
38
|
|
|
60
39
|
.news-skeleton__category {
|
|
61
|
-
height:
|
|
40
|
+
height: 14px;
|
|
62
41
|
width: 80px;
|
|
42
|
+
background-color: var(--skeleton-bg);
|
|
63
43
|
border-radius: 4px;
|
|
64
|
-
background: var(--skeleton-bg);
|
|
65
|
-
position: relative;
|
|
66
|
-
overflow: hidden;
|
|
67
|
-
}
|
|
68
|
-
.news-skeleton__category::after {
|
|
69
|
-
content: "";
|
|
70
|
-
position: absolute;
|
|
71
|
-
top: 0;
|
|
72
|
-
left: -100%;
|
|
73
|
-
width: 100%;
|
|
74
|
-
height: 100%;
|
|
75
|
-
background: var(--skeleton-shimmer);
|
|
76
|
-
animation: shimmer 1.5s infinite;
|
|
77
44
|
}
|
|
78
45
|
|
|
79
46
|
.news-skeleton__title {
|
|
80
|
-
height:
|
|
47
|
+
height: 20px;
|
|
81
48
|
width: 100%;
|
|
49
|
+
background-color: var(--skeleton-bg);
|
|
82
50
|
border-radius: 4px;
|
|
83
|
-
background: var(--skeleton-bg);
|
|
84
|
-
position: relative;
|
|
85
|
-
overflow: hidden;
|
|
86
|
-
}
|
|
87
|
-
.news-skeleton__title::after {
|
|
88
|
-
content: "";
|
|
89
|
-
position: absolute;
|
|
90
|
-
top: 0;
|
|
91
|
-
left: -100%;
|
|
92
|
-
width: 100%;
|
|
93
|
-
height: 100%;
|
|
94
|
-
background: var(--skeleton-shimmer);
|
|
95
|
-
animation: shimmer 1.5s infinite;
|
|
96
51
|
}
|
|
97
52
|
|
|
98
53
|
.news-skeleton__source {
|
|
@@ -105,111 +60,115 @@
|
|
|
105
60
|
width: 16px;
|
|
106
61
|
height: 16px;
|
|
107
62
|
border-radius: 50%;
|
|
108
|
-
background: var(--skeleton-bg);
|
|
109
|
-
flex-shrink: 0;
|
|
110
|
-
position: relative;
|
|
111
|
-
overflow: hidden;
|
|
112
|
-
}
|
|
113
|
-
.news-skeleton__source-logo::after {
|
|
114
|
-
content: "";
|
|
115
|
-
position: absolute;
|
|
116
|
-
top: 0;
|
|
117
|
-
left: -100%;
|
|
118
|
-
width: 100%;
|
|
119
|
-
height: 100%;
|
|
120
|
-
background: var(--skeleton-shimmer);
|
|
121
|
-
animation: shimmer 1.5s infinite;
|
|
63
|
+
background-color: var(--skeleton-bg);
|
|
122
64
|
}
|
|
123
65
|
|
|
124
66
|
.news-skeleton__source-name {
|
|
125
|
-
height:
|
|
67
|
+
height: 14px;
|
|
126
68
|
width: 100px;
|
|
69
|
+
background-color: var(--skeleton-bg);
|
|
127
70
|
border-radius: 4px;
|
|
128
|
-
background: var(--skeleton-bg);
|
|
129
|
-
position: relative;
|
|
130
|
-
overflow: hidden;
|
|
131
|
-
}
|
|
132
|
-
.news-skeleton__source-name::after {
|
|
133
|
-
content: "";
|
|
134
|
-
position: "";
|
|
135
|
-
top: 0;
|
|
136
|
-
left: -100%;
|
|
137
|
-
width: 100%;
|
|
138
|
-
height: 100%;
|
|
139
|
-
background: var(--skeleton-shimmer);
|
|
140
|
-
animation: shimmer 1.5s infinite;
|
|
141
71
|
}
|
|
142
72
|
|
|
143
73
|
.news-skeleton__content {
|
|
144
|
-
height:
|
|
74
|
+
height: 18px;
|
|
145
75
|
width: 100%;
|
|
76
|
+
background-color: var(--skeleton-bg);
|
|
146
77
|
border-radius: 4px;
|
|
147
|
-
background: var(--skeleton-bg);
|
|
148
|
-
position: relative;
|
|
149
|
-
overflow: hidden;
|
|
150
|
-
}
|
|
151
|
-
.news-skeleton__content::after {
|
|
152
|
-
content: "";
|
|
153
|
-
position: absolute;
|
|
154
|
-
top: 0;
|
|
155
|
-
left: -100%;
|
|
156
|
-
width: 100%;
|
|
157
|
-
height: 100%;
|
|
158
|
-
background: var(--skeleton-shimmer);
|
|
159
|
-
animation: shimmer 1.5s infinite;
|
|
160
78
|
}
|
|
161
79
|
|
|
162
80
|
.news-skeleton__ai-summary {
|
|
163
|
-
|
|
164
|
-
|
|
81
|
+
display: flex;
|
|
82
|
+
gap: 8px;
|
|
83
|
+
padding: 8px;
|
|
165
84
|
border-radius: 8px;
|
|
166
|
-
background: var(--skeleton-bg);
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
.news-skeleton__ai-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
85
|
+
background-color: var(--skeleton-bg);
|
|
86
|
+
opacity: 0.5;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.news-skeleton__ai-icon {
|
|
90
|
+
width: 24px;
|
|
91
|
+
height: 24px;
|
|
92
|
+
border-radius: 50%;
|
|
93
|
+
background-color: var(--skeleton-bg);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.news-skeleton__ai-text {
|
|
97
|
+
flex: 1;
|
|
98
|
+
height: 16px;
|
|
99
|
+
background-color: var(--skeleton-bg);
|
|
100
|
+
border-radius: 4px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.news-skeleton__stock-card {
|
|
104
|
+
display: flex;
|
|
105
|
+
align-items: center;
|
|
106
|
+
justify-content: space-between;
|
|
107
|
+
padding: 8px;
|
|
108
|
+
border-radius: 8px;
|
|
109
|
+
background-color: var(--skeleton-bg);
|
|
110
|
+
opacity: 0.5;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.news-skeleton__stock-left {
|
|
114
|
+
display: flex;
|
|
115
|
+
align-items: center;
|
|
116
|
+
gap: 8px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.news-skeleton__stock-logo {
|
|
120
|
+
width: 20px;
|
|
121
|
+
height: 20px;
|
|
122
|
+
border-radius: 50%;
|
|
123
|
+
background-color: var(--skeleton-bg);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.news-skeleton__stock-symbol {
|
|
127
|
+
height: 18px;
|
|
128
|
+
width: 50px;
|
|
129
|
+
background-color: var(--skeleton-bg);
|
|
130
|
+
border-radius: 4px;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.news-skeleton__stock-right {
|
|
134
|
+
display: flex;
|
|
135
|
+
align-items: center;
|
|
136
|
+
gap: 8px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.news-skeleton__stock-change {
|
|
140
|
+
height: 14px;
|
|
141
|
+
width: 50px;
|
|
142
|
+
background-color: var(--skeleton-bg);
|
|
143
|
+
border-radius: 4px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.news-skeleton__stock-price {
|
|
147
|
+
height: 18px;
|
|
148
|
+
width: 60px;
|
|
149
|
+
background-color: var(--skeleton-bg);
|
|
150
|
+
border-radius: 4px;
|
|
179
151
|
}
|
|
180
152
|
|
|
181
153
|
.news-skeleton__actions {
|
|
182
154
|
display: flex;
|
|
183
155
|
justify-content: flex-end;
|
|
184
156
|
gap: 4px;
|
|
185
|
-
padding: 0 4px;
|
|
186
157
|
}
|
|
187
158
|
|
|
188
|
-
.news-skeleton__action {
|
|
159
|
+
.news-skeleton__action-btn {
|
|
189
160
|
width: 32px;
|
|
190
161
|
height: 32px;
|
|
191
162
|
border-radius: 50%;
|
|
192
|
-
background: var(--skeleton-bg);
|
|
193
|
-
position: relative;
|
|
194
|
-
overflow: hidden;
|
|
195
|
-
}
|
|
196
|
-
.news-skeleton__action::after {
|
|
197
|
-
content: "";
|
|
198
|
-
position: absolute;
|
|
199
|
-
top: 0;
|
|
200
|
-
left: -100%;
|
|
201
|
-
width: 100%;
|
|
202
|
-
height: 100%;
|
|
203
|
-
background: var(--skeleton-shimmer);
|
|
204
|
-
animation: shimmer 1.5s infinite;
|
|
163
|
+
background-color: var(--skeleton-bg);
|
|
205
164
|
}
|
|
206
165
|
|
|
207
|
-
@keyframes
|
|
208
|
-
0% {
|
|
209
|
-
|
|
166
|
+
@keyframes pulse {
|
|
167
|
+
0%, 100% {
|
|
168
|
+
opacity: 1;
|
|
210
169
|
}
|
|
211
|
-
|
|
212
|
-
|
|
170
|
+
50% {
|
|
171
|
+
opacity: 0.5;
|
|
213
172
|
}
|
|
214
173
|
}
|
|
215
174
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/NewsSkeleton.scss"],"names":[],"mappings":"AAAA;AACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/NewsSkeleton.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE","file":"NewsSkeleton.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"NewsSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAKhC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkEpD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import './NewsSkeleton.
|
|
2
|
+
import './NewsSkeleton.scss';
|
|
3
3
|
export const NewsSkeleton = ({ count = 3, className = '', theme = 'light' }) => {
|
|
4
|
-
return (React.createElement("div", { className: `news-skeleton-container
|
|
4
|
+
return (React.createElement("div", { className: `news-skeleton-container ${theme === 'dark' ? 'dark' : ''} ${className}`, "data-theme": theme }, Array.from({ length: count }).map((_, index) => (React.createElement("div", { key: index, className: `news-skeleton ${theme === 'dark' ? 'dark' : ''}` },
|
|
5
5
|
React.createElement("div", { className: "news-skeleton__header" },
|
|
6
6
|
React.createElement("div", { className: "news-skeleton__timestamp" }),
|
|
7
7
|
React.createElement("div", { className: "news-skeleton__category" })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsSkeleton.js","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"NewsSkeleton.js","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AA0B7B,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,EAChB,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,2BAA2B,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,gBAAc,KAAK,IACxG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QAE3E,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,0BAA0B,GAAG;YAC5C,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACvC;QAGN,6BAAK,SAAS,EAAC,sBAAsB;YACnC,6BAAK,SAAS,EAAC,2DAA2D,GAAG;YAC7E,6BAAK,SAAS,EAAC,8DAA8D,GAAG,CAC5E;QAGN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,4BAA4B,GAAG;YAC9C,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC1C;QAGN,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,6BAA6B,GAAG;YAC/C,6BAAK,SAAS,EAAC,6BAA6B,GAAG;YAC/C,6BAAK,SAAS,EAAC,gEAAgE,GAAG,CAC9E;QAGN,6BAAK,SAAS,EAAC,2BAA2B;YACxC,6BAAK,SAAS,EAAC,wBAAwB,GAAG;YAC1C,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,6BAAK,SAAS,EAAC,6BAA6B,GAAG;gBAC/C,6BAAK,SAAS,EAAC,gEAAgE,GAAG,CAC9E,CACF;QAGN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,2BAA2B,GAAG;gBAC7C,6BAAK,SAAS,EAAC,2BAA2B,GAAG;gBAC7C,6BAAK,SAAS,EAAC,6BAA6B,GAAG,CAC3C;YACN,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,2BAA2B,GAAG;gBAC7C,6BAAK,SAAS,EAAC,2BAA2B,GAAG;gBAC7C,6BAAK,SAAS,EAAC,6BAA6B,GAAG,CAC3C,CACF;QAGN,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,4BAA4B,GAAG;YAC9C,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC1C,CACF,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBlF,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB9E,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBjF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBlF,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB9E,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAgBjF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoB1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI1C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC"}
|
package/dist/components/icons.js
CHANGED
|
@@ -13,11 +13,7 @@ export const LikeIcon = ({ size = 24, color = 'rgba(4, 4, 5, 0.56)', fill = 'non
|
|
|
13
13
|
React.createElement("path", { d: "M6.97059 10.8726V19.8699C6.97059 20.1682 6.85284 20.4543 6.64324 20.6652C6.43364 20.8761 6.14936 20.9946 5.85294 20.9946H3.61765C3.32123 20.9946 3.03695 20.8761 2.82735 20.6652C2.61775 20.4543 2.5 20.1682 2.5 19.8699V11.9973C2.5 11.699 2.61775 11.413 2.82735 11.202C3.03695 10.9911 3.32123 10.8726 3.61765 10.8726H6.97059ZM6.97059 10.8726C8.15626 10.8726 9.29337 10.3987 10.1318 9.55501C10.9702 8.71135 11.4412 7.5671 11.4412 6.37398V5.24932C11.4412 4.65277 11.6767 4.08064 12.0959 3.65881C12.5151 3.23698 13.0836 3 13.6765 3C14.2693 3 14.8379 3.23698 15.2571 3.65881C15.6763 4.08064 15.9118 4.65277 15.9118 5.24932V10.8726H19.2647C19.8575 10.8726 20.4261 11.1096 20.8453 11.5314C21.2645 11.9533 21.5 12.5254 21.5 13.122L20.3824 18.7453C20.2216 19.4352 19.9167 20.0276 19.5136 20.4333C19.1104 20.839 18.6308 21.036 18.1471 20.9946H10.3235C9.43427 20.9946 8.58144 20.6391 7.95264 20.0064C7.32384 19.3736 6.97059 18.5154 6.97059 17.6206", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: fill })));
|
|
14
14
|
export const DislikeIcon = ({ size = 24, color = 'rgba(4, 4, 5, 0.56)', fill = 'none', className = '' }) => (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className },
|
|
15
15
|
React.createElement("path", { d: "M6.97059 13.1274V4.13008C6.97059 3.8318 6.85284 3.54574 6.64324 3.33482C6.43364 3.12391 6.14936 3.00542 5.85294 3.00542H3.61765C3.32123 3.00542 3.03695 3.12391 2.82735 3.33482C2.61775 3.54574 2.5 3.8318 2.5 4.13008V12.0027C2.5 12.301 2.61775 12.587 2.82735 12.798C3.03695 13.0089 3.32123 13.1274 3.61765 13.1274H6.97059ZM6.97059 13.1274C8.15626 13.1274 9.29337 13.6013 10.1318 14.445C10.9702 15.2887 11.4412 16.4329 11.4412 17.626V18.7507C11.4412 19.3472 11.6767 19.9194 12.0959 20.3412C12.5151 20.763 13.0836 21 13.6765 21C14.2693 21 14.8379 20.763 15.2571 20.3412C15.6763 19.9194 15.9118 19.3472 15.9118 18.7507V13.1274H19.2647C19.8575 13.1274 20.4261 12.8904 20.8453 12.4686C21.2645 12.0467 21.5 11.4746 21.5 10.878L20.3824 5.25474C20.2216 4.56479 19.9167 3.97235 19.5136 3.56666C19.1104 3.16097 18.6308 2.964 18.1471 3.00542H10.3235C9.43427 3.00542 8.58144 3.36089 7.95264 3.99363C7.32384 4.62638 6.97059 5.48456 6.97059 6.3794", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: fill })));
|
|
16
|
-
export const AIStarIcon = ({ size = 16,
|
|
17
|
-
if (color) {
|
|
18
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className },
|
|
19
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.22368 1.75023C3.40024 1.74458 3.56309 1.84313 3.63712 2.00041L3.99783 2.76678C4.02295 2.82016 4.03613 2.84795 4.04673 2.86812C4.04987 2.8741 4.05198 2.87781 4.05316 2.87983C4.05508 2.882 4.05718 2.88399 4.05946 2.88578C4.06157 2.88687 4.06543 2.88879 4.07164 2.89164C4.0926 2.90127 4.12141 2.91315 4.17675 2.93576L4.87228 3.21994C5.03608 3.28687 5.14278 3.44381 5.14278 3.61782C5.14278 3.79183 5.03608 3.94877 4.87228 4.0157L4.17675 4.29988C4.12141 4.32249 4.0926 4.33436 4.07164 4.34399C4.06543 4.34685 4.06157 4.34877 4.05946 4.34985C4.05718 4.35164 4.05508 4.35364 4.05316 4.3558C4.05198 4.35782 4.04987 4.36153 4.04673 4.36752C4.03613 4.38769 4.02295 4.41548 3.99783 4.46885L3.63712 5.23523C3.56309 5.39251 3.40024 5.49105 3.22368 5.4854C3.04712 5.47976 2.89117 5.37101 2.82775 5.20933L2.54543 4.48953C2.52101 4.42728 2.50809 4.39467 2.49744 4.37099C2.49427 4.36394 2.49211 4.35957 2.49088 4.35718L2.46995 4.34403C2.4458 4.33358 2.41255 4.32091 2.34906 4.29697L1.61502 4.02012C1.44526 3.9561 1.33325 3.79617 1.33325 3.61782C1.33325 3.43947 1.44526 3.27954 1.61502 3.21551L2.34906 2.93867C2.41254 2.91472 2.4458 2.90206 2.46994 2.89161C2.47713 2.8885 2.48159 2.88638 2.48403 2.88518C2.48653 2.88317 2.48883 2.88091 2.49088 2.87845L2.49744 2.86465L2.54543 2.74611L2.82775 2.0263C2.89117 1.86462 3.04712 1.75588 3.22368 1.75023ZM7.61928 2.32494C7.79584 2.31929 7.95869 2.41784 8.03272 2.57512L9.33127 5.33408C9.50945 5.71263 9.57251 5.84071 9.65558 5.94665C9.73542 6.04847 9.83029 6.13807 9.93705 6.21247C10.0481 6.28989 10.181 6.34687 10.5735 6.50723L13.0774 7.53028C13.2412 7.59721 13.3479 7.75415 13.3479 7.92816C13.3479 8.10217 13.2412 8.25911 13.0774 8.32604L10.5735 9.3491C10.181 9.50946 10.0481 9.56644 9.93705 9.64385C9.83029 9.71826 9.73542 9.80785 9.65558 9.90967C9.57251 10.0156 9.50945 10.1437 9.33127 10.5222L8.03272 13.2812C7.95869 13.4385 7.79584 13.537 7.61928 13.5314C7.44273 13.5257 7.28677 13.417 7.22336 13.2553L6.20699 10.664C6.03362 10.222 5.97147 10.0723 5.88258 9.94973C5.79716 9.83193 5.6922 9.729 5.57206 9.64523C5.44705 9.55807 5.29441 9.49712 4.84366 9.32712L2.2011 8.33047C2.03135 8.26644 1.91933 8.10651 1.91933 7.92816C1.91933 7.74981 2.03135 7.58988 2.2011 7.52586L4.84366 6.5292C5.29441 6.3592 5.44705 6.29825 5.57206 6.21109C5.6922 6.12732 5.79716 6.0244 5.88258 5.90659C5.97147 5.78401 6.03362 5.63432 6.20699 5.19232L7.22336 2.60102C7.28677 2.43934 7.44273 2.33059 7.61928 2.32494ZM13.1609 13.9996C13.0869 14.1569 12.924 14.2554 12.7475 14.2498C12.5709 14.2441 12.415 14.1354 12.3516 13.9737L12.0692 13.2539L12.0212 13.1354L12.0147 13.1215C12.0126 13.1191 12.0103 13.1168 12.0078 13.1148C12.0054 13.1136 12.0009 13.1115 11.9938 13.1084C11.9696 13.0979 11.9364 13.0853 11.8729 13.0613L11.1388 12.7845C10.9691 12.7205 10.8571 12.5605 10.8571 12.3822C10.8571 12.2038 10.9691 12.0439 11.1388 11.9799L11.8729 11.703C11.9364 11.6791 11.9696 11.6664 11.9938 11.656L12.0147 11.6428C12.0159 11.6404 12.0181 11.6361 12.0212 11.629C12.0319 11.6053 12.0448 11.5727 12.0692 11.5105L12.3516 10.7907C12.415 10.629 12.5709 10.5202 12.7475 10.5146C12.924 10.5089 13.0869 10.6075 13.1609 10.7648L13.5216 11.5311C13.5468 11.5845 13.5599 11.6123 13.5705 11.6325C13.5737 11.6385 13.5758 11.6422 13.577 11.6442C13.5789 11.6464 13.581 11.6484 13.5833 11.6501C13.5854 11.6512 13.5892 11.6532 13.5955 11.656C13.6164 11.6656 13.6452 11.6775 13.7006 11.7001L14.3961 11.9843C14.5599 12.0512 14.6666 12.2082 14.6666 12.3822C14.6666 12.5562 14.5599 12.7131 14.3961 12.7801L13.7006 13.0642C13.6452 13.0869 13.6164 13.0987 13.5955 13.1084C13.5912 13.1103 13.5881 13.1118 13.5858 13.1129L13.5833 13.1142C13.581 13.116 13.5789 13.118 13.577 13.1202C13.5758 13.1222 13.5737 13.1259 13.5705 13.1319C13.5599 13.1521 13.5468 13.1798 13.5216 13.2332L13.1609 13.9996Z", fill: color })));
|
|
20
|
-
}
|
|
16
|
+
export const AIStarIcon = ({ size = 16, theme = 'light', className = '' }) => {
|
|
21
17
|
if (theme === 'dark') {
|
|
22
18
|
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className },
|
|
23
19
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.22368 1.75023C3.40024 1.74458 3.56309 1.84313 3.63712 2.00041L3.99783 2.76678C4.02295 2.82016 4.03613 2.84795 4.04673 2.86812C4.04987 2.8741 4.05198 2.87781 4.05316 2.87983C4.05508 2.882 4.05718 2.88399 4.05946 2.88578C4.06157 2.88687 4.06543 2.88879 4.07164 2.89164C4.0926 2.90127 4.12141 2.91315 4.17675 2.93576L4.87228 3.21994C5.03608 3.28687 5.14278 3.44381 5.14278 3.61782C5.14278 3.79183 5.03608 3.94877 4.87228 4.0157L4.17675 4.29988C4.12141 4.32249 4.0926 4.33436 4.07164 4.34399C4.06543 4.34685 4.06157 4.34877 4.05946 4.34985C4.05718 4.35164 4.05508 4.35364 4.05316 4.3558C4.05198 4.35782 4.04987 4.36153 4.04673 4.36752C4.03613 4.38769 4.02295 4.41548 3.99783 4.46885L3.63712 5.23523C3.56309 5.39251 3.40024 5.49105 3.22368 5.4854C3.04712 5.47976 2.89117 5.37101 2.82775 5.20933L2.54543 4.48953C2.52101 4.42728 2.50809 4.39467 2.49744 4.37099C2.49427 4.36394 2.49211 4.35957 2.49088 4.35718L2.46995 4.34403C2.4458 4.33358 2.41255 4.32091 2.34906 4.29697L1.61502 4.02012C1.44526 3.9561 1.33325 3.79617 1.33325 3.61782C1.33325 3.43947 1.44526 3.27954 1.61502 3.21551L2.34906 2.93867C2.41254 2.91472 2.4458 2.90206 2.46994 2.89161C2.47713 2.8885 2.48159 2.88638 2.48403 2.88518C2.48653 2.88317 2.48883 2.88091 2.49088 2.87845L2.49744 2.86465L2.54543 2.74611L2.82775 2.0263C2.89117 1.86462 3.04712 1.75588 3.22368 1.75023ZM7.61928 2.32494C7.79584 2.31929 7.95869 2.41784 8.03272 2.57512L9.33127 5.33408C9.50945 5.71263 9.57251 5.84071 9.65558 5.94665C9.73542 6.04847 9.83029 6.13807 9.93705 6.21247C10.0481 6.28989 10.181 6.34687 10.5735 6.50723L13.0774 7.53028C13.2412 7.59721 13.3479 7.75415 13.3479 7.92816C13.3479 8.10217 13.2412 8.25911 13.0774 8.32604L10.5735 9.3491C10.181 9.50946 10.0481 9.56644 9.93705 9.64385C9.83029 9.71826 9.73542 9.80785 9.65558 9.90967C9.57251 10.0156 9.50945 10.1437 9.33127 10.5222L8.03272 13.2812C7.95869 13.4385 7.79584 13.537 7.61928 13.5314C7.44273 13.5257 7.28677 13.417 7.22336 13.2553L6.20699 10.664C6.03362 10.222 5.97147 10.0723 5.88258 9.94973C5.79716 9.83193 5.6922 9.729 5.57206 9.64523C5.44705 9.55807 5.29441 9.49712 4.84366 9.32712L2.2011 8.33047C2.03135 8.26644 1.91933 8.10651 1.91933 7.92816C1.91933 7.74981 2.03135 7.58988 2.2011 7.52586L4.84366 6.5292C5.29441 6.3592 5.44705 6.29825 5.57206 6.21109C5.6922 6.12732 5.79716 6.0244 5.88258 5.90659C5.97147 5.78401 6.03362 5.63432 6.20699 5.19232L7.22336 2.60102C7.28677 2.43934 7.44273 2.33059 7.61928 2.32494ZM13.1609 13.9996C13.0869 14.1569 12.924 14.2554 12.7475 14.2498C12.5709 14.2441 12.415 14.1354 12.3516 13.9737L12.0692 13.2539L12.0212 13.1354L12.0147 13.1215C12.0126 13.1191 12.0103 13.1168 12.0078 13.1148C12.0054 13.1136 12.0009 13.1115 11.9938 13.1084C11.9696 13.0979 11.9364 13.0853 11.8729 13.0613L11.1388 12.7845C10.9691 12.7205 10.8571 12.5605 10.8571 12.3822C10.8571 12.2038 10.9691 12.0439 11.1388 11.9799L11.8729 11.703C11.9364 11.6791 11.9696 11.6664 11.9938 11.656L12.0147 11.6428C12.0159 11.6404 12.0181 11.6361 12.0212 11.629C12.0319 11.6053 12.0448 11.5727 12.0692 11.5105L12.3516 10.7907C12.415 10.629 12.5709 10.5202 12.7475 10.5146C12.924 10.5089 13.0869 10.6075 13.1609 10.7648L13.5216 11.5311C13.5468 11.5845 13.5599 11.6123 13.5705 11.6325C13.5737 11.6385 13.5758 11.6422 13.577 11.6442C13.5789 11.6464 13.581 11.6484 13.5833 11.6501C13.5854 11.6512 13.5892 11.6532 13.5955 11.656C13.6164 11.6656 13.6452 11.6775 13.7006 11.7001L14.3961 11.9843C14.5599 12.0512 14.6666 12.2082 14.6666 12.3822C14.6666 12.5562 14.5599 12.7131 14.3961 12.7801L13.7006 13.0642C13.6452 13.0869 13.6164 13.0987 13.5955 13.1084C13.5912 13.1103 13.5881 13.1118 13.5858 13.1129L13.5833 13.1142C13.581 13.116 13.5789 13.118 13.577 13.1202C13.5758 13.1222 13.5737 13.1259 13.5705 13.1319C13.5599 13.1521 13.5468 13.1798 13.5216 13.2332L13.1609 13.9996Z", fill: "white", fillOpacity: "0.6" })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,SAAS,GAAwB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,qBAAqB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC9G,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;IAClF,8BACE,CAAC,EAAC,mIAAmI,EACrI,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA8D,CAAC,EACtF,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,OAAO,EACf,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,EAAE,EACf,EAAE,EAAE;IAEH,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;YACrH,8BAAM,CAAC,EAAC,icAAic,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,GAAE,CACte,CACP,CAAC;IACJ,CAAC;IAGD,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;QACrH,8BAAM,CAAC,EAAC,ocAAoc,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAE,CAC5e,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA8D,CAAC,EAClF,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACf,EAAE,EAAE,CAAC,CACJ,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;IAClF,8BACE,CAAC,EAAC,w6BAAw6B,EAC16B,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA8D,CAAC,EACrF,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,qBAAqB,EAC7B,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACf,EAAE,EAAE,CAAC,CACJ,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;IAClF,8BACE,CAAC,EAAC,q6BAAq6B,EACv6B,MAAM,EAAE,KAAK,EACb,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,IAAI,GAAG,EAAE,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"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"}
|
package/dist/newsfeed.css
CHANGED
|
@@ -1,99 +1,6 @@
|
|
|
1
1
|
/* Import component styles */
|
|
2
|
-
.
|
|
3
|
-
|
|
4
|
-
height: 20px;
|
|
5
|
-
display: flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
background: none;
|
|
9
|
-
border: none;
|
|
10
|
-
padding: 0;
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
position: relative;
|
|
13
|
-
transition: opacity 0.2s ease;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.filter-button:hover {
|
|
17
|
-
opacity: 0.7;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.filter-button:active {
|
|
21
|
-
opacity: 0.5;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.filter-button:focus {
|
|
25
|
-
outline: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.filter-button:focus-visible {
|
|
29
|
-
outline: 2px solid #7863F6;
|
|
30
|
-
outline-offset: 2px;
|
|
31
|
-
border-radius: 4px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/* Badge styles */
|
|
35
|
-
.filter-button--with-badge {
|
|
36
|
-
position: relative;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.filter-button__badge {
|
|
40
|
-
position: absolute;
|
|
41
|
-
top: -2px;
|
|
42
|
-
right: -2px;
|
|
43
|
-
border-radius: 12px;
|
|
44
|
-
width: 12px;
|
|
45
|
-
height: 12px;
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
justify-content: center;
|
|
49
|
-
pointer-events: none;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.filter-button__badge-text {
|
|
53
|
-
font-size: 8px;
|
|
54
|
-
font-weight: 600;
|
|
55
|
-
line-height: 12px;
|
|
56
|
-
letter-spacing: -0.2px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.empty-state {
|
|
60
|
-
display: flex;
|
|
61
|
-
flex-direction: column;
|
|
62
|
-
align-items: center;
|
|
63
|
-
justify-content: center;
|
|
64
|
-
padding: 48px 24px;
|
|
65
|
-
text-align: center;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.empty-state__icon {
|
|
69
|
-
margin-bottom: 24px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.empty-state__icon svg {
|
|
73
|
-
width: 120px;
|
|
74
|
-
height: 120px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.empty-state__content {
|
|
78
|
-
max-width: 320px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.empty-state__title {
|
|
82
|
-
font-size: 20px;
|
|
83
|
-
font-weight: 600;
|
|
84
|
-
line-height: 28px;
|
|
85
|
-
color: #040405;
|
|
86
|
-
margin: 0 0 8px 0;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.empty-state__description {
|
|
90
|
-
font-size: 14px;
|
|
91
|
-
font-weight: 400;
|
|
92
|
-
line-height: 20px;
|
|
93
|
-
color: rgba(4, 4, 5, 0.56);
|
|
94
|
-
margin: 0;
|
|
95
|
-
}
|
|
96
|
-
|
|
2
|
+
@import './components/FilterButton.css';
|
|
3
|
+
@import './components/EmptyState.css';
|
|
97
4
|
.news-feed {
|
|
98
5
|
position: relative;
|
|
99
6
|
width: 100%;
|
|
@@ -126,11 +33,9 @@
|
|
|
126
33
|
cursor: pointer;
|
|
127
34
|
transition: background-color 0.2s ease;
|
|
128
35
|
}
|
|
129
|
-
|
|
130
36
|
.news-feed__filter-btn:hover {
|
|
131
37
|
background: rgba(4, 4, 5, 0.06);
|
|
132
38
|
}
|
|
133
|
-
|
|
134
39
|
.news-feed__filter-btn--active {
|
|
135
40
|
background: rgba(120, 99, 246, 0.12);
|
|
136
41
|
}
|
|
@@ -165,7 +70,6 @@
|
|
|
165
70
|
flex-direction: column;
|
|
166
71
|
gap: 0;
|
|
167
72
|
}
|
|
168
|
-
|
|
169
73
|
.news-feed__list--hidden {
|
|
170
74
|
visibility: hidden;
|
|
171
75
|
pointer-events: none;
|
|
@@ -181,7 +85,6 @@
|
|
|
181
85
|
flex-direction: column;
|
|
182
86
|
overflow: hidden;
|
|
183
87
|
}
|
|
184
|
-
|
|
185
88
|
.news-feed__filters-container--hidden {
|
|
186
89
|
visibility: hidden;
|
|
187
90
|
pointer-events: none;
|
|
@@ -195,7 +98,6 @@
|
|
|
195
98
|
border-radius: 12px;
|
|
196
99
|
margin: 0 16px 16px 16px;
|
|
197
100
|
}
|
|
198
|
-
|
|
199
101
|
.news-feed__error small {
|
|
200
102
|
display: block;
|
|
201
103
|
margin-top: 8px;
|
|
@@ -1,34 +1,35 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/* CSS Variables for theming */
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--ai-summary-
|
|
12
|
-
--
|
|
13
|
-
--stock-
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--action-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
24
|
-
--
|
|
25
|
-
--
|
|
26
|
-
--
|
|
27
|
-
--
|
|
28
|
-
--
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
3
|
+
:root {
|
|
4
|
+
/* Light theme colors */
|
|
5
|
+
--news-bg: #ffffff;
|
|
6
|
+
--news-text-primary: #242429;
|
|
7
|
+
--news-text-secondary: rgba(4, 4, 5, 0.56);
|
|
8
|
+
--news-text-tertiary: rgba(4, 4, 5, 0.36);
|
|
9
|
+
--news-border: rgba(36, 36, 41, 0.08);
|
|
10
|
+
--news-hover-overlay: rgba(0, 0, 0, 0.04);
|
|
11
|
+
--news-ai-summary-bg: rgba(120, 99, 246, 0.08);
|
|
12
|
+
--news-ai-summary-text: rgba(4, 4, 5, 0.88);
|
|
13
|
+
--news-stock-card-bg: rgba(4, 4, 5, 0.04);
|
|
14
|
+
--news-stock-positive: #10b981;
|
|
15
|
+
--news-stock-negative: #ef4444;
|
|
16
|
+
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dark {
|
|
20
|
+
/* Dark theme colors */
|
|
21
|
+
--news-bg: #1a1a1e;
|
|
22
|
+
--news-text-primary: #ffffff;
|
|
23
|
+
--news-text-secondary: rgba(255, 255, 255, 0.7);
|
|
24
|
+
--news-text-tertiary: rgba(255, 255, 255, 0.5);
|
|
25
|
+
--news-border: rgba(255, 255, 255, 0.12);
|
|
26
|
+
--news-hover-overlay: rgba(255, 255, 255, 0.06);
|
|
27
|
+
--news-ai-summary-bg: rgba(120, 99, 246, 0.16);
|
|
28
|
+
--news-ai-summary-text: rgba(255, 255, 255, 0.88);
|
|
29
|
+
--news-stock-card-bg: rgba(255, 255, 255, 0.08);
|
|
30
|
+
--news-stock-positive: #34d399;
|
|
31
|
+
--news-stock-negative: #f87171;
|
|
32
|
+
--news-action-hover: rgba(255, 255, 255, 0.08);
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
/* Base styles */
|
|
@@ -41,7 +42,7 @@
|
|
|
41
42
|
cursor: pointer;
|
|
42
43
|
transition: background-color 0.2s ease;
|
|
43
44
|
position: relative;
|
|
44
|
-
background-color: var(--
|
|
45
|
+
background-color: var(--news-bg);
|
|
45
46
|
/* Hover overlay effect */
|
|
46
47
|
}
|
|
47
48
|
.news-snippet::before {
|
|
@@ -56,7 +57,7 @@
|
|
|
56
57
|
pointer-events: none;
|
|
57
58
|
}
|
|
58
59
|
.news-snippet:hover::before {
|
|
59
|
-
background-color: var(--
|
|
60
|
+
background-color: var(--news-hover-overlay);
|
|
60
61
|
}
|
|
61
62
|
.news-snippet[draggable=true]:active {
|
|
62
63
|
opacity: 0.5;
|
|
@@ -83,48 +84,42 @@
|
|
|
83
84
|
gap: 4px;
|
|
84
85
|
}
|
|
85
86
|
|
|
86
|
-
.news-
|
|
87
|
+
.news-snippet__time-icon {
|
|
87
88
|
width: 12px;
|
|
88
89
|
height: 12px;
|
|
89
90
|
flex-shrink: 0;
|
|
90
91
|
}
|
|
91
92
|
|
|
92
|
-
.news-snippet__time {
|
|
93
|
-
font-family: "Inter", sans-serif;
|
|
93
|
+
.news-snippet__time-text {
|
|
94
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
94
95
|
font-size: 12px;
|
|
95
96
|
font-weight: 400;
|
|
96
|
-
line-height:
|
|
97
|
-
letter-spacing:
|
|
98
|
-
color: var(--
|
|
97
|
+
line-height: 14px;
|
|
98
|
+
letter-spacing: 0em;
|
|
99
|
+
color: var(--news-text-secondary);
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
.news-snippet__category {
|
|
102
|
-
|
|
103
|
-
padding: 2px 8px;
|
|
104
|
-
align-items: center;
|
|
105
|
-
gap: 8px;
|
|
106
|
-
border-radius: 4px;
|
|
107
|
-
background: var(--category-bg);
|
|
108
|
-
font-family: "Inter", sans-serif;
|
|
103
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
109
104
|
font-size: 12px;
|
|
110
105
|
font-weight: 500;
|
|
111
|
-
line-height:
|
|
112
|
-
letter-spacing:
|
|
113
|
-
color: var(--
|
|
106
|
+
line-height: 14px;
|
|
107
|
+
letter-spacing: 0em;
|
|
108
|
+
color: var(--news-text-secondary);
|
|
114
109
|
}
|
|
115
110
|
|
|
116
111
|
/* Title */
|
|
117
112
|
.news-snippet__title {
|
|
118
|
-
font-family: "Inter", sans-serif;
|
|
119
|
-
font-size:
|
|
113
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
114
|
+
font-size: 16px;
|
|
120
115
|
font-weight: 600;
|
|
121
116
|
line-height: 20px;
|
|
122
|
-
letter-spacing:
|
|
123
|
-
color: var(--snippet-text);
|
|
117
|
+
letter-spacing: 0em;
|
|
124
118
|
margin: 0;
|
|
119
|
+
color: var(--news-text-primary);
|
|
125
120
|
}
|
|
126
121
|
|
|
127
|
-
/* Source
|
|
122
|
+
/* Source */
|
|
128
123
|
.news-snippet__source {
|
|
129
124
|
display: flex;
|
|
130
125
|
align-items: center;
|
|
@@ -135,46 +130,55 @@
|
|
|
135
130
|
width: 16px;
|
|
136
131
|
height: 16px;
|
|
137
132
|
border-radius: 50%;
|
|
138
|
-
flex-shrink: 0;
|
|
139
133
|
object-fit: cover;
|
|
134
|
+
flex-shrink: 0;
|
|
140
135
|
}
|
|
141
136
|
.news-snippet__source-logo--fallback {
|
|
142
137
|
display: flex;
|
|
143
138
|
align-items: center;
|
|
144
139
|
justify-content: center;
|
|
145
|
-
background: var(--
|
|
146
|
-
color: var(--
|
|
140
|
+
background: var(--news-text-tertiary);
|
|
141
|
+
color: var(--news-bg);
|
|
147
142
|
font-size: 10px;
|
|
148
143
|
font-weight: 600;
|
|
149
144
|
}
|
|
150
145
|
|
|
151
146
|
.news-snippet__source-name {
|
|
152
|
-
font-family: "Inter", sans-serif;
|
|
147
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
153
148
|
font-size: 12px;
|
|
154
149
|
font-weight: 400;
|
|
155
|
-
line-height:
|
|
156
|
-
letter-spacing:
|
|
157
|
-
color: var(--
|
|
150
|
+
line-height: 14px;
|
|
151
|
+
letter-spacing: 0em;
|
|
152
|
+
color: var(--news-text-secondary);
|
|
158
153
|
}
|
|
159
154
|
|
|
160
155
|
/* Content Text */
|
|
161
156
|
.news-snippet__content-text {
|
|
162
|
-
font-family: "Inter", sans-serif;
|
|
163
|
-
font-size:
|
|
157
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
158
|
+
font-size: 14px;
|
|
164
159
|
font-weight: 400;
|
|
165
|
-
line-height:
|
|
166
|
-
letter-spacing:
|
|
167
|
-
color: var(--snippet-text-secondary);
|
|
160
|
+
line-height: 18px;
|
|
161
|
+
letter-spacing: 0em;
|
|
168
162
|
margin: 0;
|
|
163
|
+
color: var(--news-text-primary);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/* Cover Image */
|
|
167
|
+
.news-snippet__cover {
|
|
168
|
+
width: 100%;
|
|
169
|
+
height: auto;
|
|
170
|
+
max-height: 200px;
|
|
171
|
+
object-fit: cover;
|
|
172
|
+
border-radius: 8px;
|
|
169
173
|
}
|
|
170
174
|
|
|
171
175
|
/* AI Summary */
|
|
172
176
|
.news-snippet__ai-summary {
|
|
173
177
|
display: flex;
|
|
174
|
-
padding: 8px;
|
|
175
178
|
gap: 8px;
|
|
179
|
+
padding: 8px;
|
|
176
180
|
border-radius: 8px;
|
|
177
|
-
background: var(--ai-summary-bg);
|
|
181
|
+
background-color: var(--news-ai-summary-bg);
|
|
178
182
|
}
|
|
179
183
|
|
|
180
184
|
.news-snippet__ai-summary-icon {
|
|
@@ -182,35 +186,35 @@
|
|
|
182
186
|
width: 24px;
|
|
183
187
|
height: 24px;
|
|
184
188
|
display: flex;
|
|
185
|
-
align-items:
|
|
189
|
+
align-items: center;
|
|
186
190
|
justify-content: center;
|
|
187
191
|
}
|
|
188
192
|
|
|
189
193
|
.news-snippet__ai-summary-text {
|
|
190
194
|
flex: 1;
|
|
191
|
-
font-family: "Inter", sans-serif;
|
|
195
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
192
196
|
font-size: 12px;
|
|
193
197
|
font-weight: 400;
|
|
194
198
|
line-height: 16px;
|
|
195
|
-
letter-spacing:
|
|
196
|
-
color: var(--ai-summary-text);
|
|
199
|
+
letter-spacing: 0em;
|
|
197
200
|
margin: 0;
|
|
201
|
+
color: var(--news-ai-summary-text);
|
|
198
202
|
}
|
|
199
203
|
|
|
200
204
|
/* Stock Cards */
|
|
201
205
|
.news-snippet__stocks {
|
|
202
206
|
display: flex;
|
|
203
207
|
flex-direction: column;
|
|
204
|
-
gap:
|
|
208
|
+
gap: 8px;
|
|
205
209
|
}
|
|
206
210
|
|
|
207
211
|
.news-snippet__stock-card {
|
|
208
212
|
display: flex;
|
|
209
|
-
padding: 6px 8px;
|
|
210
213
|
align-items: center;
|
|
211
214
|
justify-content: space-between;
|
|
215
|
+
padding: 8px;
|
|
212
216
|
border-radius: 8px;
|
|
213
|
-
background: var(--stock-card-bg);
|
|
217
|
+
background-color: var(--news-stock-card-bg);
|
|
214
218
|
}
|
|
215
219
|
|
|
216
220
|
.news-snippet__stock-left {
|
|
@@ -220,29 +224,29 @@
|
|
|
220
224
|
}
|
|
221
225
|
|
|
222
226
|
.news-snippet__stock-logo {
|
|
223
|
-
width:
|
|
224
|
-
height:
|
|
227
|
+
width: 20px;
|
|
228
|
+
height: 20px;
|
|
225
229
|
border-radius: 50%;
|
|
226
|
-
flex-shrink: 0;
|
|
227
230
|
object-fit: cover;
|
|
231
|
+
flex-shrink: 0;
|
|
228
232
|
}
|
|
229
233
|
.news-snippet__stock-logo--fallback {
|
|
230
234
|
display: flex;
|
|
231
235
|
align-items: center;
|
|
232
236
|
justify-content: center;
|
|
233
|
-
background: var(--
|
|
234
|
-
color: var(--
|
|
237
|
+
background: var(--news-text-tertiary);
|
|
238
|
+
color: var(--news-bg);
|
|
235
239
|
font-size: 10px;
|
|
236
240
|
font-weight: 600;
|
|
237
241
|
}
|
|
238
242
|
|
|
239
243
|
.news-snippet__stock-symbol {
|
|
240
|
-
font-family: "Inter", sans-serif;
|
|
241
|
-
font-size:
|
|
242
|
-
font-weight:
|
|
243
|
-
line-height:
|
|
244
|
-
letter-spacing:
|
|
245
|
-
color: var(--
|
|
244
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
245
|
+
font-size: 14px;
|
|
246
|
+
font-weight: 600;
|
|
247
|
+
line-height: 18px;
|
|
248
|
+
letter-spacing: 0em;
|
|
249
|
+
color: var(--news-text-primary);
|
|
246
250
|
}
|
|
247
251
|
|
|
248
252
|
.news-snippet__stock-right {
|
|
@@ -252,38 +256,53 @@
|
|
|
252
256
|
}
|
|
253
257
|
|
|
254
258
|
.news-snippet__stock-change {
|
|
255
|
-
font-family: "Inter", sans-serif;
|
|
259
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
256
260
|
font-size: 12px;
|
|
257
|
-
font-weight:
|
|
258
|
-
line-height:
|
|
259
|
-
letter-spacing:
|
|
261
|
+
font-weight: 600;
|
|
262
|
+
line-height: 14px;
|
|
263
|
+
letter-spacing: 0em;
|
|
260
264
|
}
|
|
261
265
|
.news-snippet__stock-change--positive {
|
|
262
|
-
color:
|
|
266
|
+
color: var(--news-stock-positive);
|
|
263
267
|
}
|
|
264
268
|
.news-snippet__stock-change--negative {
|
|
265
|
-
color:
|
|
266
|
-
}
|
|
267
|
-
.news-snippet__stock-change--neutral {
|
|
268
|
-
color: var(--snippet-text-tertiary);
|
|
269
|
+
color: var(--news-stock-negative);
|
|
269
270
|
}
|
|
270
271
|
|
|
271
272
|
.news-snippet__stock-price {
|
|
272
|
-
font-family: "Inter", sans-serif;
|
|
273
|
-
font-size:
|
|
273
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
274
|
+
font-size: 14px;
|
|
274
275
|
font-weight: 400;
|
|
275
|
-
line-height:
|
|
276
|
-
letter-spacing:
|
|
277
|
-
color: var(--
|
|
276
|
+
line-height: 18px;
|
|
277
|
+
letter-spacing: 0em;
|
|
278
|
+
color: var(--news-text-secondary);
|
|
278
279
|
}
|
|
279
280
|
|
|
280
|
-
/*
|
|
281
|
+
/* Tags */
|
|
282
|
+
.news-snippet__tags {
|
|
283
|
+
display: flex;
|
|
284
|
+
flex-wrap: wrap;
|
|
285
|
+
gap: 8px;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.news-snippet__tag {
|
|
289
|
+
padding: 4px 8px;
|
|
290
|
+
border-radius: 4px;
|
|
291
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
292
|
+
font-size: 12px;
|
|
293
|
+
font-weight: 500;
|
|
294
|
+
line-height: 14px;
|
|
295
|
+
letter-spacing: 0em;
|
|
296
|
+
background: rgba(120, 99, 246, 0.12);
|
|
297
|
+
color: #7863f6;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/* Action Bar */
|
|
281
301
|
.news-snippet__actions {
|
|
282
302
|
display: flex;
|
|
283
303
|
justify-content: flex-end;
|
|
284
304
|
align-items: center;
|
|
285
305
|
gap: 4px;
|
|
286
|
-
padding: 0 4px;
|
|
287
306
|
}
|
|
288
307
|
|
|
289
308
|
.news-snippet__action-btn {
|
|
@@ -300,19 +319,10 @@
|
|
|
300
319
|
padding: 0;
|
|
301
320
|
}
|
|
302
321
|
.news-snippet__action-btn:hover {
|
|
303
|
-
background: var(--action-
|
|
322
|
+
background: var(--news-action-hover);
|
|
304
323
|
}
|
|
305
324
|
.news-snippet__action-btn--active {
|
|
306
325
|
background: rgba(120, 99, 246, 0.12);
|
|
307
326
|
}
|
|
308
327
|
|
|
309
|
-
/* Image */
|
|
310
|
-
.news-snippet__cover {
|
|
311
|
-
width: 100%;
|
|
312
|
-
height: auto;
|
|
313
|
-
max-height: 200px;
|
|
314
|
-
object-fit: cover;
|
|
315
|
-
border-radius: 8px;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
328
|
/*# sourceMappingURL=NewsSnippet.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/snippets/NewsSnippet.scss"],"names":[],"mappings":";AAAA;AACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/snippets/NewsSnippet.scss"],"names":[],"mappings":";AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE","file":"NewsSnippet.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsSnippet.d.ts","sourceRoot":"","sources":["../../src/snippets/NewsSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,
|
|
1
|
+
{"version":3,"file":"NewsSnippet.d.ts","sourceRoot":"","sources":["../../src/snippets/NewsSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAElB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAEzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4HlD,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BookmarkIcon, AIStarIcon } from '../components/icons';
|
|
3
3
|
import { formatTimestamp } from '../utils/formatTimestamp';
|
|
4
|
-
import './NewsSnippet.
|
|
4
|
+
import './NewsSnippet.scss';
|
|
5
5
|
export const NewsSnippet = ({ news, onPress, onBookmark, onAI, showBookmarkIcon = true, showAIIcon = true, isBookmarked = false, theme = 'light', draggable = false, onDragStart, onDragEnd }) => {
|
|
6
6
|
const { date, time } = formatTimestamp(news.timestamp);
|
|
7
7
|
const displaySourceName = news.sourceName || 'Источник';
|
|
8
8
|
const displaySourceLogo = news.sourceLogo;
|
|
9
|
-
return (React.createElement("div", { className: `news-snippet
|
|
9
|
+
return (React.createElement("div", { className: `news-snippet ${theme === 'dark' ? 'dark' : ''}`, onClick: onPress, draggable: draggable, onDragStart: onDragStart, onDragEnd: onDragEnd, "data-theme": theme },
|
|
10
10
|
React.createElement("div", { className: "news-snippet__content" },
|
|
11
11
|
React.createElement("div", { className: "news-snippet__header" },
|
|
12
12
|
React.createElement("div", { className: "news-snippet__timestamp" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsSnippet.js","sourceRoot":"","sources":["../../src/snippets/NewsSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,
|
|
1
|
+
{"version":3,"file":"NewsSnippet.js","sourceRoot":"","sources":["../../src/snippets/NewsSnippet.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "finsignal-feed-explore",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "News feed explorer components for React web applications",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"README.md"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
-
"build": "tsc &&
|
|
14
|
-
"build:
|
|
13
|
+
"build": "npm run build:scss && tsc && cp dist/FeedList.css dist/newsfeed.css",
|
|
14
|
+
"build:scss": "sass src/snippets/NewsSnippet.scss dist/snippets/NewsSnippet.css && sass src/components/NewsSkeleton.scss dist/components/NewsSkeleton.css && sass src/components/Chip.scss dist/components/Chip.css && sass src/components/FilterButton.scss dist/components/FilterButton.css && sass src/components/SearchButton.scss dist/components/SearchButton.css && sass src/components/SearchInput.scss dist/components/SearchInput.css && sass src/components/EmptyState.scss dist/components/EmptyState.css && sass src/filters/FiltersOverlay.scss dist/filters/FiltersOverlay.css && sass src/FeedList.scss dist/FeedList.css",
|
|
15
15
|
"prepublishOnly": "npm run build"
|
|
16
16
|
},
|
|
17
17
|
"keywords": [
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/react": "^18.0.0",
|
|
41
41
|
"@types/react-native": "^0.72.0",
|
|
42
|
-
"sass": "^1.
|
|
42
|
+
"sass": "^1.97.3",
|
|
43
43
|
"typescript": "^5.0.0"
|
|
44
44
|
}
|
|
45
45
|
}
|