cffaf0b904
- Create new iOS app at apps/ios-github-mobile - Session list view with repository info and status - Chat view with collapsible tool executions (Write, Bash, Read) - Message input with model/repo/branch selection chips - PR creation flow simulation - Dark theme matching Claude Code aesthetic - Mock data for repos, sessions, and tool calls - Modern SwiftUI with @Observable, NavigationStack https://claude.ai/code/session_018qmTB96S8xvNRQFrhcvzJp
71 lines
2.3 KiB
Swift
71 lines
2.3 KiB
Swift
import SwiftUI
|
|
|
|
struct MessageInputView: View {
|
|
@Binding var text: String
|
|
let placeholder: String
|
|
let onSend: () -> Void
|
|
|
|
@FocusState private var isFocused: Bool
|
|
|
|
var body: some View {
|
|
HStack(alignment: .bottom, spacing: AppTheme.spacingSM) {
|
|
// Add attachment button
|
|
Button {
|
|
// Add attachment action
|
|
} label: {
|
|
Image(systemName: "plus")
|
|
.font(.title3)
|
|
.foregroundStyle(AppTheme.secondaryText)
|
|
.frame(width: 36, height: 36)
|
|
}
|
|
|
|
// Text input
|
|
ZStack(alignment: .leading) {
|
|
if text.isEmpty {
|
|
Text(placeholder)
|
|
.foregroundStyle(AppTheme.tertiaryText)
|
|
.padding(.horizontal, AppTheme.spacingMD)
|
|
.padding(.vertical, AppTheme.spacingMD)
|
|
}
|
|
|
|
TextEditor(text: $text)
|
|
.scrollContentBackground(.hidden)
|
|
.padding(.horizontal, AppTheme.spacingSM)
|
|
.padding(.vertical, AppTheme.spacingSM)
|
|
.frame(minHeight: 40, maxHeight: 120)
|
|
.focused($isFocused)
|
|
}
|
|
.background(AppTheme.cardBackground)
|
|
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusLG))
|
|
|
|
// Send button
|
|
Button(action: onSend) {
|
|
Image(systemName: "arrow.up")
|
|
.font(.body)
|
|
.fontWeight(.semibold)
|
|
.foregroundStyle(text.isEmpty ? AppTheme.tertiaryText : AppTheme.buttonPrimaryText)
|
|
.frame(width: 36, height: 36)
|
|
.background(text.isEmpty ? AppTheme.chipBackground : AppTheme.accent)
|
|
.clipShape(Circle())
|
|
}
|
|
.disabled(text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
|
|
}
|
|
.padding(.horizontal, AppTheme.spacingMD)
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
ZStack {
|
|
AppTheme.background.ignoresSafeArea()
|
|
VStack {
|
|
Spacer()
|
|
MessageInputView(
|
|
text: .constant(""),
|
|
placeholder: "Ask Claude to help with code...",
|
|
onSend: {}
|
|
)
|
|
}
|
|
}
|
|
.preferredColorScheme(.dark)
|
|
}
|