post debug
This commit is contained in:
		
							parent
							
								
									874e920f6f
								
							
						
					
					
						commit
						9a9d8038e2
					
				@ -65,70 +65,75 @@ struct PostGridItem: View {
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    var body: some View {
 | 
			
		||||
        VStack(alignment: .leading, spacing: 0) { // Убираем отступ между картинкой и текстом
 | 
			
		||||
                        
 | 
			
		||||
            // 1. Медиа контент
 | 
			
		||||
            if let url = imageURL {
 | 
			
		||||
                // Создаем контейнер с четкими границами, чтобы избежать перекрытия
 | 
			
		||||
                Color.clear
 | 
			
		||||
                    .frame(width: width, height: imageHeight) // Используем вычисленную высоту
 | 
			
		||||
                    .background(
 | 
			
		||||
                        RemoteImageView(url: url)
 | 
			
		||||
                            .scaledToFill()
 | 
			
		||||
                    )
 | 
			
		||||
                    .clipped()
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            // Контейнер для текста, который создает эффект "расширения"
 | 
			
		||||
            VStack(alignment: .leading, spacing: 8) {
 | 
			
		||||
                // 2. Название поста
 | 
			
		||||
                if let title = post.title, !title.isEmpty {
 | 
			
		||||
                    Text(title)
 | 
			
		||||
                        .font(.subheadline)
 | 
			
		||||
                        .lineLimit(2)
 | 
			
		||||
        NavigationLink(destination: PostDetailView(post: post)) {
 | 
			
		||||
            VStack(alignment: .leading, spacing: 0) { // Убираем отступ между картинкой и текстом
 | 
			
		||||
                            
 | 
			
		||||
                // 1. Медиа контент
 | 
			
		||||
                if let url = imageURL {
 | 
			
		||||
                    // Создаем контейнер с четкими границами, чтобы избежать перекрытия
 | 
			
		||||
                    Color.clear
 | 
			
		||||
                        .frame(width: width, height: imageHeight) // Используем вычисленную высоту
 | 
			
		||||
                        .background(
 | 
			
		||||
                            RemoteImageView(url: url)
 | 
			
		||||
                                .scaledToFill()
 | 
			
		||||
                        )
 | 
			
		||||
                        .clipped()
 | 
			
		||||
                }
 | 
			
		||||
                
 | 
			
		||||
                // 3. Информация об авторе и лайки
 | 
			
		||||
                HStack {
 | 
			
		||||
                    
 | 
			
		||||
                    Button(action: {
 | 
			
		||||
                        // пока ничего не делаем
 | 
			
		||||
                    }) {
 | 
			
		||||
                        HStack(spacing: 4) {
 | 
			
		||||
                        Image(systemName: "person.circle.fill")
 | 
			
		||||
                            .resizable()
 | 
			
		||||
                            .frame(width: 20, height: 20)
 | 
			
		||||
                            .foregroundColor(.gray)
 | 
			
		||||
                        Text(post.authorUsername)
 | 
			
		||||
                            .font(.footnote)
 | 
			
		||||
                            .lineLimit(1)
 | 
			
		||||
                            .foregroundColor(.primary)
 | 
			
		||||
                    }
 | 
			
		||||
                    }
 | 
			
		||||
                    .contentShape(Rectangle())
 | 
			
		||||
 | 
			
		||||
                    Spacer()
 | 
			
		||||
 | 
			
		||||
                    Button(action: {
 | 
			
		||||
                        // пока ничего не делаем
 | 
			
		||||
                    }) {
 | 
			
		||||
                        HStack(spacing: 4) {
 | 
			
		||||
                        Image(systemName: post.isLikedByCurrentUser ? "heart.fill" : "heart")
 | 
			
		||||
                            .foregroundColor(post.isLikedByCurrentUser ? .red : .primary)
 | 
			
		||||
                        Text("\(post.likes)")
 | 
			
		||||
                // Контейнер для текста, который создает эффект "расширения"
 | 
			
		||||
                VStack(alignment: .leading, spacing: 8) {
 | 
			
		||||
                    // 2. Название поста
 | 
			
		||||
                    if let title = post.title, !title.isEmpty {
 | 
			
		||||
                        Text(title)
 | 
			
		||||
                            .font(.subheadline)
 | 
			
		||||
                            .foregroundColor(.primary)
 | 
			
		||||
                            .lineLimit(2)
 | 
			
		||||
                    }
 | 
			
		||||
                    }
 | 
			
		||||
                    .contentShape(Rectangle())
 | 
			
		||||
                    
 | 
			
		||||
                    // 3. Информация об авторе и лайки
 | 
			
		||||
                    HStack {
 | 
			
		||||
                        
 | 
			
		||||
                        Button(action: {
 | 
			
		||||
                            print("account \(post.id)")
 | 
			
		||||
                            // пока ничего не делаем
 | 
			
		||||
                        }) {
 | 
			
		||||
                            HStack(spacing: 4) {
 | 
			
		||||
                            Image(systemName: "person.circle.fill")
 | 
			
		||||
                                .resizable()
 | 
			
		||||
                                .frame(width: 20, height: 20)
 | 
			
		||||
                                .foregroundColor(.gray)
 | 
			
		||||
                            Text(post.authorUsername)
 | 
			
		||||
                                .font(.footnote)
 | 
			
		||||
                                .lineLimit(1)
 | 
			
		||||
                                .foregroundColor(.primary)
 | 
			
		||||
                        }
 | 
			
		||||
                        }
 | 
			
		||||
                        .contentShape(Rectangle())
 | 
			
		||||
 | 
			
		||||
                        Spacer()
 | 
			
		||||
 | 
			
		||||
                        Button(action: {
 | 
			
		||||
                            print("like \(post.id)")
 | 
			
		||||
                            // пока ничего не делаем
 | 
			
		||||
                        }) {
 | 
			
		||||
                            HStack(spacing: 4) {
 | 
			
		||||
                            Image(systemName: post.isLikedByCurrentUser ? "heart.fill" : "heart")
 | 
			
		||||
                                .foregroundColor(post.isLikedByCurrentUser ? .red : .primary)
 | 
			
		||||
                            Text("\(post.likes)")
 | 
			
		||||
                                .font(.subheadline)
 | 
			
		||||
                                .foregroundColor(.primary)
 | 
			
		||||
                        }
 | 
			
		||||
                        }
 | 
			
		||||
                        .contentShape(Rectangle())
 | 
			
		||||
                        
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
                .padding(8)
 | 
			
		||||
                .background(Color(UIColor.systemBackground)) // Фон только для текстовой части
 | 
			
		||||
            }
 | 
			
		||||
            .padding(8)
 | 
			
		||||
            .background(Color(UIColor.systemBackground)) // Фон только для текстовой части
 | 
			
		||||
            .cornerRadius(6) // Закругляем всю карточку
 | 
			
		||||
            .clipped() // Обрезаем дочерние вью по закругленной форме родителя
 | 
			
		||||
            .shadow(color: Color.black.opacity(0.1), radius: 5, x: 0, y: 2)
 | 
			
		||||
        }
 | 
			
		||||
        .cornerRadius(6) // Закругляем всю карточку
 | 
			
		||||
        .clipped() // Обрезаем дочерние вью по закругленной форме родителя
 | 
			
		||||
        .shadow(color: Color.black.opacity(0.1), radius: 5, x: 0, y: 2)
 | 
			
		||||
        .buttonStyle(PlainButtonStyle()) // Убираем стандартный стиль кнопки, чтобы не влиять на UI
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user