jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
slight sizing adjustements
+9
-15
+6
-9
src/components/PdsBadge.tsx
+6
-9
src/components/PdsBadge.tsx
···
2
2
import {msg} from '@lingui/macro'
3
3
import {useLingui} from '@lingui/react'
4
4
5
-
import {usePdsLabelEnabled, usePdsLabelHideBskyPds} from '#/state/preferences/pds-label'
5
+
import {
6
+
usePdsLabelEnabled,
7
+
usePdsLabelHideBskyPds,
8
+
} from '#/state/preferences/pds-label'
6
9
import {usePdsLabelQuery} from '#/state/queries/pds-label'
7
10
import {atoms as a, useBreakpoints} from '#/alf'
8
-
import {IS_WEB} from '#/env'
9
11
import {Button} from '#/components/Button'
10
12
import * as Dialog from '#/components/Dialog'
11
13
import {FaviconOrGlobe, PdsDialog} from '#/components/PdsDialog'
14
+
import {IS_WEB} from '#/env'
12
15
13
-
export function PdsBadge({
14
-
did,
15
-
size,
16
-
}: {
17
-
did: string
18
-
size: 'lg' | 'md' | 'sm'
19
-
}) {
16
+
export function PdsBadge({did, size}: {did: string; size: 'lg' | 'md' | 'sm'}) {
20
17
const enabled = usePdsLabelEnabled()
21
18
const hideBskyPds = usePdsLabelHideBskyPds()
22
19
const {data, isLoading} = usePdsLabelQuery(enabled ? did : undefined)
+3
-6
src/components/PdsDialog.tsx
+3
-6
src/components/PdsDialog.tsx
···
188
188
backgroundColor: '#0085ff',
189
189
},
190
190
]}>
191
-
<BskyMark width={size * 0.65} style={{color: '#fff'}} />
191
+
<BskyMark width={size * 0.8} style={{color: '#fff'}} />
192
192
</View>
193
193
)
194
194
}
···
207
207
backgroundColor: '#6364FF',
208
208
},
209
209
]}>
210
-
<FediverseIcon
211
-
width={Math.round(size * 0.7)}
212
-
style={{color: '#fff'}}
213
-
/>
210
+
<FediverseIcon width={Math.round(size * 0.8)} style={{color: '#fff'}} />
214
211
</View>
215
212
)
216
213
}
···
253
250
]}>
254
251
<FontAwesomeIcon
255
252
icon="database"
256
-
size={Math.round(size * 0.6)}
253
+
size={Math.round(size * 0.7)}
257
254
style={
258
255
{color: t.atoms.text_contrast_medium.color} as FontAwesomeIconStyle
259
256
}