Merge pull request #7 from GitWither/transcript-dropdown

Author: rawandahmad698

Recap/UIComponents/Buttons/TranscriptDropdownButton.swift

@@ -0,0 +1,68 @@
+import Foundation
+import SwiftUI
+
+struct TranscriptDropdownButton: View {
+    let transcriptText: String
+    
+    @State private var isCollapsed: Bool = true
+    
+    init(transcriptText: String) {
+        self.transcriptText = transcriptText
+    }
+    
+    var body: some View {
+        HStack(alignment: .top, spacing: 12) {
+            Image(systemName: isCollapsed ? "chevron.down" : "chevron.up")
+                    .font(.system(size: 16, weight: .bold))
+    
+                
+            VStack(alignment: .leading) {
+                Text("Transcript")
+                    .font(UIConstants.Typography.cardTitle)
+                    .foregroundColor(UIConstants.Colors.textPrimary)
+                
+                VStack {
+                    
+                    if !isCollapsed {
+                        Text(transcriptText)
+                    }
+                }
+            }
+
+            Spacer()
+        
+        }
+        .frame(alignment: .topLeading)
+        .padding(.horizontal, UIConstants.Spacing.cardPadding + 4)
+        .padding(.vertical, UIConstants.Spacing.cardPadding)
+        .background(
+            RoundedRectangle(cornerRadius: 20)
+                .fill(UIConstants.Colors.cardSecondaryBackground)
+                .overlay(
+                    RoundedRectangle(cornerRadius: 20)
+                        .stroke(
+                            UIConstants.Gradients.standardBorder,
+                            lineWidth: 1
+                        )
+                )
+        )
+        .onTapGesture {
+            withAnimation(.easeInOut(duration: 0.25)) {
+                isCollapsed.toggle()
+            }
+        }
+    }
+}
+
+#Preview {
+    GeometryReader { geometry in
+        VStack(spacing: 16) {
+            TranscriptDropdownButton(
+                transcriptText: "Lorem ipsum dolor sit amet"
+            )
+        }
+        .padding(20)
+    }
+    .frame(width: 500, height: 300)
+    .background(UIConstants.Gradients.backgroundGradient)
+}

Recap/UseCases/Summary/SummaryView.swift

@@ -148,9 +148,14 @@ struct SummaryView<ViewModel: SummaryViewModelType>: View {
             ScrollView {
                 VStack(alignment: .leading, spacing: UIConstants.Spacing.cardSpacing) {
                     if let recording = viewModel.currentRecording,
-                       let summaryText = recording.summaryText {
+                       let summaryText = recording.summaryText,
+                       let transcriptionText = recording.transcriptionText {
 
                         VStack(alignment: .leading, spacing: UIConstants.Spacing.cardInternalSpacing) {
+                            if !transcriptionText.isEmpty {
+                                TranscriptDropdownButton(transcriptText: transcriptionText)
+                            }
+                            
                             Text("Summary")
                                 .font(UIConstants.Typography.infoCardTitle)
                                 .foregroundColor(UIConstants.Colors.textPrimary)