20 |
21 | {(row) => (
22 |
37 |
38 | );
39 | };
40 |
--------------------------------------------------------------------------------
/src/components/Link/Link.css:
--------------------------------------------------------------------------------
1 | .link {
2 | text-decoration: none;
3 | color: var(--tg-theme-link-color);
4 | }
--------------------------------------------------------------------------------
/src/components/Link/Link.tsx:
--------------------------------------------------------------------------------
1 | import { A, type AnchorProps } from '@solidjs/router';
2 | import { openLink } from '@tma.js/sdk-solid';
3 | import type { Component } from 'solid-js';
4 |
5 | import { classNames } from '@/css/classnames.js';
6 |
7 | import './Link.css';
8 |
9 | export const Link: Component
23 | {row.title}
24 |
25 |
26 |
27 | {(color) => }
28 |
29 | ❌
30 | ✔️
31 | empty
32 |
33 |
34 |
35 | )}
36 |
41 |
45 | );
46 | };
47 |
--------------------------------------------------------------------------------
/src/components/RGB/RGB.css:
--------------------------------------------------------------------------------
1 | .rgb {
2 | display: inline-flex;
3 | align-items: center;
4 | gap: 5px;
5 | }
6 |
7 | .rgb__icon {
8 | width: 18px;
9 | aspect-ratio: 1;
10 | border: 1px solid #555;
11 | border-radius: 50%;
12 | }
--------------------------------------------------------------------------------
/src/components/RGB/RGB.tsx:
--------------------------------------------------------------------------------
1 | import type { RGB as RGBType } from '@tma.js/sdk-solid';
2 | import { type Component, type JSX, splitProps } from 'solid-js';
3 |
4 | import { classNames } from '@/css/classnames.js';
5 |
6 | import './RGB.css';
7 |
8 | export type RGBProps = JSX.IntrinsicElements['span'] & {
9 | color: RGBType;
10 | };
11 |
12 | export const RGB: Component{props.title}
42 | {props.disclaimer &&{props.disclaimer}
}
43 | {props.children}
44 |
15 |
29 | );
30 | }}
31 | >
32 | ErrorBoundary handled error:
16 |
17 |
18 |
19 |
20 | {v => v()}
21 |
22 |
23 | {v => v()}
24 |
25 |
26 |
27 |
28 | 14 | This page is a home page in this boilerplate. You can use the links below to visit other 15 | pages with their own functionality. 16 |
17 |-
18 |
-
22 |
23 |
24 | {(Icon) => ( 25 | 26 | 30 | {route.title} 31 | 32 |27 | 28 | )} 29 |
33 |
78 |
80 |
81 |
82 | Init data
79 |
83 | User information missing}>
86 | {(uRows) => }
87 |
88 |
89 |
90 | User
84 |
91 | Receiver information missing}>
94 | {(rRows) => }
95 |
96 |
97 |
98 | Receiver
92 |
99 | Chat information missing}>
102 | {(cRows) => }
103 |
104 |
105 |
106 | )}
107 | Chat
100 |
36 | .imageUrl})
43 |
54 |
55 | )}
56 |