CodeIssuesDiscussionsWikiPull RequestsProjectsCommitsActionsReleasesContributorsPulse● GatesSecuritySettingsDeploymentsPipelineInsightsAgents✨ Explain✨ Ask AI✨ Workspace✨ Spec✨ Tests▓ Debt Map✨ NL Search🏛 Archaeology
Blame · Line-by-line history
LoadingSpinner.tsx
Each line is annotated with the commit that last touched it. Click any SHA to jump to that commit and see the surrounding change.
| 9989d86 | 1 | import React from 'react'; |
| 2 | import { ActivityIndicator, StyleSheet, View } from 'react-native'; | |
| 3 | import { colors } from '../theme/colors'; | |
| 4 | ||
| 5 | interface LoadingSpinnerProps { | |
| 6 | size?: 'small' | 'large'; | |
| 7 | color?: string; | |
| 8 | fullScreen?: boolean; | |
| 9 | } | |
| 10 | ||
| 11 | export function LoadingSpinner({ | |
| 12 | size = 'large', | |
| 13 | color = colors.accentBlue, | |
| 14 | fullScreen = false, | |
| 15 | }: LoadingSpinnerProps): React.ReactElement { | |
| 16 | return ( | |
| 17 | <View style={[styles.container, fullScreen && styles.fullScreen]}> | |
| 18 | <ActivityIndicator size={size} color={color} /> | |
| 19 | </View> | |
| 20 | ); | |
| 21 | } | |
| 22 | ||
| 23 | const styles = StyleSheet.create({ | |
| 24 | container: { | |
| 25 | padding: 24, | |
| 26 | alignItems: 'center', | |
| 27 | justifyContent: 'center', | |
| 28 | }, | |
| 29 | fullScreen: { | |
| 30 | flex: 1, | |
| 31 | backgroundColor: colors.bg, | |
| 32 | }, | |
| 33 | }); |