wip

Shared/Views/SharingTemplates/AllMoodsTotalTemplate.swift

@@ -0,0 +1,227 @@
+//
+//  AllMoods.swift
+//  Feels (iOS)
+//
+//  Created by Trey Tartt on 2/6/22.
+//
+
+import SwiftUI
+
+struct AllMoodsTotalTemplate: View, SharingTemplate {
+    static var description: String {
+        "All Time Count"
+    }
+    
+    var isPreview: Bool
+    var startDate: Date
+    var endDate: Date
+    var totalEntryCount: Int = 0
+
+    @Environment(\.presentationMode) var presentationMode
+    @AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults) private var moodTint: MoodTints = .Default
+    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
+    @AppStorage(UserDefaultsStore.Keys.textColor.rawValue, store: GroupUserDefaults.groupDefaults) private var textColor: Color = .white
+
+    @StateObject private var shareImage = StupidAssShareObservableObject()
+    private var entries = [MoodMetrics]()
+    init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
+        self.isPreview = isPreview
+        self.startDate = startDate
+        self.endDate = endDate
+        
+        var moodEntries: [MoodEntry]?
+        
+        if fakeData {
+            moodEntries = PersistenceController.shared.randomEntries(count: 10)
+        } else {
+            
+            moodEntries = PersistenceController.shared.getData(startDate:startDate,
+                                                               endDate: endDate,
+                                                               includedDays: [1,2,3,4,5,6,7])
+        }
+        
+        totalEntryCount = moodEntries?.count ?? 0
+        
+        if let moodEntries = moodEntries {
+            entries = Random.createTotalPerc(fromEntries: moodEntries)
+            entries = entries.sorted(by: {
+                $0.percent > $1.percent
+            })
+        } else {
+            fatalError("no data")
+        }
+    }
+    
+    var image: UIImage {
+        let image = shareView.asImage(size: CGSize(width: 666, height: 1190))
+        return image
+    }
+    
+    var preview: some View {
+        circularViews
+            .frame(maxWidth: .infinity, alignment: .center)
+            .frame(height: 100)
+    }
+    
+    private var circularViews: some View {
+        VStack {
+            VStack {
+                HStack {
+                    ForEach(entries.prefix(2), id: \.mood) { model in
+                        ZStack {
+                            Circle().fill(moodTint.color(forMood: model.mood))
+                            
+                            Text("\(model.percent, specifier: "%.0f")%")
+                                .font(.title)
+                                .fontWeight(.bold)
+                                .scaledToFill()
+                                .minimumScaleFactor(0.5)
+                                .lineLimit(1)
+                                .foregroundColor(textColor)
+                                .padding(2)
+                        }
+                    }
+                }
+                .frame(maxWidth: .infinity, alignment: .center)
+                
+                HStack {
+                    ForEach(entries.suffix(3), id: \.mood) { model in
+                        ZStack {
+                            Circle().fill(moodTint.color(forMood: model.mood))
+                            
+                            Text("\(model.percent, specifier: "%.0f")%")
+                                .font(.title)
+                                .fontWeight(.bold)
+                                .scaledToFill()
+                                .minimumScaleFactor(0.5)
+                                .lineLimit(1)
+                                .foregroundColor(textColor)
+                                .padding(2)
+                        }
+                    }
+                }
+                .frame(maxWidth: .infinity, alignment: .center)
+            }
+            .padding(.top, 30)
+            
+            HStack {
+                ForEach(entries, id: \.mood) { model in
+                    ZStack {
+                        Circle().fill(moodTint.color(forMood: model.mood))
+
+                        Text("\(model.total)")
+                            .font(.title)
+                            .fontWeight(.bold)
+                            .scaledToFill()
+                            .minimumScaleFactor(0.5)
+                            .lineLimit(1)
+                            .foregroundColor(textColor)
+                            .padding(2)
+                    }
+                }
+            }
+        }
+    }
+    
+    var shareView: some View {
+        VStack {
+           Text(String(format: String(localized: "share_view_all_moods_total_template_title"), totalEntryCount))
+                .font(.title)
+                .foregroundColor(textColor)
+                .frame(maxWidth: .infinity, alignment: .center)
+                .padding()
+            
+            HStack {
+                ForEach(Mood.allValues, id: \.self) { mood in
+                    Circle()
+                        .frame(minWidth: 10, idealWidth: 70, maxWidth: 100, minHeight: 10, idealHeight: 70, maxHeight: 100)
+                        .aspectRatio(contentMode: .fit)
+                        .foregroundColor(moodTint.color(forMood: mood))
+                        .overlay(
+                            mood.icon
+                                .resizable()
+                                .aspectRatio(contentMode: .fit)
+                                .padding(9)
+                                .foregroundColor(textColor)
+                        )
+                }
+            }
+            .padding()
+            
+            circularViews
+                .padding()
+            
+            Spacer()
+        }
+        .background(Color(UIColor.secondarySystemBackground))
+        .cornerRadius(10)
+        .padding()
+    }
+    
+    var mainView: some View {
+        VStack {
+            shareView
+            
+            HStack(alignment: .center) {
+                Button(action: {
+                    let _image = self.image
+                    self.shareImage.showFuckingSheet = true
+                    self.shareImage.fuckingWrappedShrable = _image
+                }, label: {
+                    Text("Share")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                .frame(maxWidth: .infinity, alignment: .center)
+                .background(
+                    Color.green
+                )
+                .padding(.trailing, -5)
+                
+                Button(action: {
+                    presentationMode.wrappedValue.dismiss()
+                }, label: {
+                    Text("Exit")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.red
+                    )
+                    .padding(.leading, -5)
+            }
+            .padding([.leading, .trailing], -20)
+        }
+    }
+    
+    var body: some View {
+        if isPreview {
+            shareView
+                .scaleEffect(2)
+        } else {
+            mainView
+                .sheet(isPresented: self.$shareImage.showFuckingSheet) {
+                    if let uiImage = self.shareImage.fuckingWrappedShrable {
+                        ShareSheet(photo: uiImage)
+                    }
+                }
+        }
+    }
+}
+
+struct AllMoodsSharingTemplate_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            AllMoodsTotalTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
+            
+            AllMoodsTotalTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
+            
+            AllMoodsTotalTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true).shareView
+        }
+    }
+}

Shared/Views/SharingTemplates/CurrentStreakTemplate.swift

@@ -0,0 +1,170 @@
+//
+//  CurrentStreakTemplate.swift
+//  Feels (iOS)
+//
+//  Created by Trey Tartt on 2/9/22.
+//
+
+import SwiftUI
+
+struct CurrentStreakTemplate: View, SharingTemplate {
+    static var description: String {
+        "Last 10 Days"
+    }
+    
+    var isPreview: Bool
+    var startDate: Date
+    var endDate: Date
+    let moodEntries: [MoodEntry]
+    
+    @State var showSharingTemplate = false
+    @StateObject private var shareImage = StupidAssShareObservableObject()
+
+    @Environment(\.presentationMode) var presentationMode
+    @AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults) private var moodTint: MoodTints = .Default
+    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
+    @AppStorage(UserDefaultsStore.Keys.textColor.rawValue, store: GroupUserDefaults.groupDefaults) private var textColor: Color = DefaultTextColor.textColor
+
+    let columns = [
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
+    ]
+    
+    init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
+        self.isPreview = isPreview
+        self.startDate = startDate
+        self.endDate = endDate
+        
+        var _moodEntries: [MoodEntry]?
+        
+        if fakeData {
+            _moodEntries = PersistenceController.shared.randomEntries(count: 10)
+        } else {
+            
+            _moodEntries = PersistenceController.shared.getData(startDate:startDate,
+                                                                endDate: endDate,
+                                                                includedDays: [1,2,3,4,5,6,7])
+        }
+        
+        self.moodEntries = _moodEntries ?? [MoodEntry]()
+    }
+    
+    var image: UIImage {
+        let image = shareView.asImage(size: CGSize(width: 666, height: 1190))
+        return image
+    }
+    
+    var preview: some View {
+        HStack {
+            VStack {
+                LazyVGrid(columns: columns, spacing: 0) {
+                    ForEach(moodEntries) { entry in
+                        entry.mood.icon
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .foregroundColor(moodTint.color(forMood: entry.mood))
+                    }
+                }
+            }
+        }
+        .frame(height: 100)
+    }
+    
+    var shareView: some View {
+        VStack {
+            Text(String(format: String(localized: "share_view_current_streak_template_title")))
+                .font(.title)
+                .foregroundColor(textColor)
+                .frame(maxWidth: .infinity, alignment: .center)
+                .padding(.top)
+            
+            HStack {
+                VStack {
+                    LazyVGrid(columns: columns, spacing: 10) {
+                        ForEach(moodEntries) { entry in
+                            entry.mood.icon
+                                .resizable()
+                                .aspectRatio(contentMode: .fit)
+                                .foregroundColor(moodTint.color(forMood: entry.mood))
+                        }
+                    }
+                }
+            }
+            .padding()
+        }
+        .background(Color(UIColor.secondarySystemBackground))
+        .cornerRadius(10)
+        .padding()
+    }
+    
+    var mainView: some View {
+        VStack {
+            shareView
+                
+            Spacer()
+            HStack(alignment: .center) {
+                HStack(alignment: .center) {
+                    Button(action: {
+                        let _image = self.image
+                        self.shareImage.showFuckingSheet = true
+                        self.shareImage.fuckingWrappedShrable = _image
+                    }, label: {
+                        Text("Share")
+                            .font(.title)
+                            .fontWeight(.bold)
+                            .foregroundColor(Color.white)
+                            .padding(.top, 20)
+                    })
+                        .sheet(isPresented: self.$shareImage.showFuckingSheet) {
+                            if let uiImage = self.shareImage.fuckingWrappedShrable {
+                                ShareSheet(photo: uiImage)
+                            }
+                        }
+                        .frame(maxWidth: .infinity, alignment: .center)
+                        .background(
+                            Color.green
+                        )
+                        .padding(.trailing, -5)
+                
+                Button(action: {
+                    presentationMode.wrappedValue.dismiss()
+                }, label: {
+                    Text("Exit")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.red
+                    )
+                    .padding(.leading, -5)
+            }
+            .padding([.leading, .trailing], -20)
+        }
+    }
+    }
+    
+    var body: some View {
+        if isPreview {
+            shareView
+                .scaleEffect(2)
+        } else {
+            mainView
+        }
+    }
+}
+
+struct CurrentStreakTemplate_Previews: PreviewProvider {
+    static var previews: some View {
+        CurrentStreakTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
+        
+        CurrentStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
+        
+        CurrentStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true).shareView
+    }
+}

Shared/Views/SharingTemplates/LongestStreakTemplate.swift

@@ -0,0 +1,248 @@
+//
+//  AllMoods.swift
+//  Feels (iOS)
+//
+//  Created by Trey Tartt on 2/6/22.
+//
+
+import SwiftUI
+import Algorithms
+
+struct LongestStreakTemplate: View, SharingTemplate {
+    static var description: String {
+        "Longest Streak"
+    }
+    
+    private let itemFormatter: DateFormatter = {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .short
+        return formatter
+    }()
+    
+    var isPreview: Bool
+    var startDate: Date
+    var endDate: Date
+    var fakeData: Bool
+    
+    @State var moodEntries = [MoodEntry]()
+    @State var selectedMood: Mood = .great
+    
+    @State var showSharingTemplate = false
+    @StateObject private var shareImage = StupidAssShareObservableObject()
+
+    @Environment(\.presentationMode) var presentationMode
+    @AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults) private var moodTint: MoodTints = .Default
+    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
+    @AppStorage(UserDefaultsStore.Keys.textColor.rawValue, store: GroupUserDefaults.groupDefaults) private var textColor: Color = .white
+
+    let columns = [
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
+    ]
+    
+    init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
+        self.isPreview = isPreview
+        self.startDate = startDate
+        self.endDate = endDate
+        self.fakeData = fakeData
+        
+        configureData(fakeData: self.fakeData, mood: self.selectedMood)
+    }
+    
+    var image: UIImage {
+        let image = shareView.asImage(size: CGSize(width: 650, height: 400))
+        return image
+    }
+    
+    private func configureData(fakeData: Bool, mood: Mood) {
+        var _moodEntries: [MoodEntry]?
+
+        if fakeData {
+            _moodEntries = PersistenceController.shared.randomEntries(count: 10)
+        } else {
+            _moodEntries = PersistenceController.shared.getData(startDate:startDate,
+                                                                endDate: endDate,
+                                                                includedDays: [1,2,3,4,5,6,7])
+        }
+        let data = _moodEntries ?? [MoodEntry]()
+        
+        var splitArrays = createSubArrays(fromMoodEntries: data, splitOn: mood)
+        splitArrays = splitArrays.sorted(by: {
+            $0.count > $1.count
+        } )
+        self.moodEntries = splitArrays.first ?? [MoodEntry]()
+    }
+    
+    private func createSubArrays(fromMoodEntries: [MoodEntry], splitOn: Mood) -> [[MoodEntry]] {
+        var splitArrays = [[MoodEntry]]()
+        var currentSplit = [MoodEntry]()
+        for entry in fromMoodEntries {
+            if entry.mood == splitOn {
+                currentSplit.append(entry)
+            } else {
+                splitArrays.append(currentSplit)
+                currentSplit.removeAll()
+            }
+        }
+        // append the last grouping
+        splitArrays.append(currentSplit)
+        return splitArrays
+    }
+    
+    var preview: some View {
+        HStack {
+            VStack {
+                LazyVGrid(columns: columns, spacing: 0) {
+                    ForEach(moodEntries) { entry in
+                        entry.mood.icon
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .foregroundColor(moodTint.color(forMood: entry.mood))
+                    }
+                }
+            }
+        }
+        .frame(height: 88)
+        .clipped()
+        .onAppear(perform: {
+            self.configureData(fakeData: self.fakeData, mood: self.selectedMood)
+        })
+    }
+    
+    var shareView: some View {
+        VStack {
+            Text(String(format: String(localized: "share_view_longest_streak_template_title"), self.selectedMood.strValue))
+                .font(.title)
+                .foregroundColor(textColor)
+                .frame(maxWidth: .infinity, alignment: .center)
+                .padding()
+            
+            selectedMood.icon
+                .resizable()
+                .aspectRatio(contentMode: .fit)
+                .frame(width: 75, height: 75)
+                .foregroundColor(moodTint.color(forMood: selectedMood))
+            
+            VStack {
+                Text(self.moodEntries.first?.forDate ?? Date(), formatter: itemFormatter)
+                    .font(.title)
+                    .foregroundColor(textColor)
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .padding(.top, 1)
+                
+                Text("-")
+                    .font(.title)
+                    .foregroundColor(textColor)
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .padding(.top, 1)
+                
+                Text(self.moodEntries.last?.forDate ?? Date(), formatter: itemFormatter)
+                    .font(.title)
+                    .foregroundColor(textColor)
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .padding(.top, 1)
+            }
+            .padding()
+        }
+        .onAppear(perform: {
+            self.configureData(fakeData: self.fakeData, mood: self.selectedMood)
+        })
+        .background(Color(UIColor.secondarySystemBackground))
+        .cornerRadius(10)
+        .padding()
+    }
+    
+    var mainView: some View {
+        VStack {
+            shareView
+                
+            Spacer()
+            Menu(content: {
+                ForEach(Mood.allValues) { mood in
+                    Button(mood.strValue, action: {
+                        selectedMood = mood
+                        configureData(fakeData: self.fakeData, mood: self.selectedMood)
+                    })
+                }
+            }, label: {
+                Text("Pick Mood")
+                    .font(.title)
+                    .foregroundColor(textColor)
+                    .padding()
+            })
+                .frame(maxWidth: .infinity, alignment: .center)
+                .background(
+                    theme.currentTheme.secondaryBGColor
+                )
+                .padding([.leading, .trailing], -5)
+                .cornerRadius(10)
+                .padding()
+            
+            HStack(alignment: .center) {
+                Button(action: {
+                    let _image = self.image
+                    self.shareImage.showFuckingSheet = true
+                    self.shareImage.fuckingWrappedShrable = _image
+                }, label: {
+                    Text("Share")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .sheet(isPresented: self.$shareImage.showFuckingSheet) {
+                        if let uiImage = self.shareImage.fuckingWrappedShrable {
+                            ShareSheet(photo: uiImage)
+                        }
+                    }
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.green
+                    )
+                    .padding(.trailing, -5)
+                
+                Button(action: {
+                    presentationMode.wrappedValue.dismiss()
+                }, label: {
+                    Text("Exit")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.red
+                    )
+                    .padding(.leading, -5)
+            }
+            .padding([.leading, .trailing], -20)
+        }.sheet(isPresented: $showSharingTemplate) {
+            ActivityViewController(activityItems: [self.image])
+        }
+    }
+    
+    var body: some View {
+        if isPreview {
+            shareView
+                .scaleEffect(2)
+        } else {
+            mainView
+        }
+    }
+}
+
+struct CurrentStreakSharingTemplate_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            LongestStreakTemplate(isPreview: true, startDate: Date(), endDate: Date(), fakeData: true)
+            
+            LongestStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true)
+            
+            LongestStreakTemplate(isPreview: false, startDate: Date(), endDate: Date(), fakeData: true).shareView
+        }
+    }
+}

Shared/Views/SharingTemplates/MonthTotalTemplate.swift

@@ -0,0 +1,214 @@
+//
+//  MonthTotalTemplate.swift
+//  Feels (iOS)
+//
+//  Created by Trey Tartt on 2/9/22.
+//
+
+import SwiftUI
+
+struct MonthTotalTemplate: View, SharingTemplate {
+    static var description: String {
+        "This Month"
+    }
+    
+    var isPreview: Bool
+    var startDate: Date
+    var endDate: Date
+    var totalEntryCount: Int = 0
+    
+    private var month = Calendar.current.dateComponents([.month], from: Date()).month!
+    
+    @State var showSharingTemplate = false
+    @StateObject private var shareImage = StupidAssShareObservableObject()
+
+    @Environment(\.presentationMode) var presentationMode
+    @AppStorage(UserDefaultsStore.Keys.moodTint.rawValue, store: GroupUserDefaults.groupDefaults) private var moodTint: MoodTints = .Default
+    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
+    @AppStorage(UserDefaultsStore.Keys.textColor.rawValue, store: GroupUserDefaults.groupDefaults) private var textColor: Color = .white
+
+    private var moodMetrics = [MoodMetrics]()
+    private var moodEntries = [MoodEntry]()
+    
+    let columns = [
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center),
+        GridItem(.flexible(minimum: 5, maximum: .infinity), alignment: .center)
+    ]
+    
+    init(isPreview: Bool, startDate: Date, endDate: Date, fakeData: Bool) {
+        self.isPreview = isPreview
+        self.startDate = startDate
+        self.endDate = endDate
+        
+        var _moodEntries: [MoodEntry]?
+        
+        if fakeData {
+            _moodEntries = PersistenceController.shared.randomEntries(count: 10)
+        } else {
+            
+            _moodEntries = PersistenceController.shared.getData(startDate: startDate,
+                                                                endDate: endDate,
+                                                                includedDays: [1,2,3,4,5,6,7])
+            
+            //            _moodEntries = PersistenceController.shared.getData(startDate:Calendar.current.date(byAdding: .day, value: -33, to: Date())!,
+            //                                                                endDate: Date(),
+            //                                                                includedDays: [1,2,3,4,5,6,7])
+            
+        }
+        
+        moodEntries = _moodEntries ?? [MoodEntry]()
+        
+        totalEntryCount = moodEntries.count
+        moodMetrics = Random.createTotalPerc(fromEntries: moodEntries)
+        moodMetrics = moodMetrics.sorted(by: {
+            $0.mood.rawValue > $1.mood.rawValue
+        })
+    }
+    
+    var image: UIImage {
+        let image = shareView.asImage(size: CGSize(width: 666, height: 1190))
+        return image
+    }
+    
+    var preview: some View {
+        circularViews
+            .frame(maxWidth: .infinity, alignment: .center)
+            .frame(height: 100)
+    }
+    
+    private var circularViews: some View {
+        HStack {
+            ForEach(moodMetrics, id: \.mood) { model in
+                ZStack {
+                    Circle().fill(moodTint.color(forMood: model.mood))
+                    
+                    Text("\(model.percent, specifier: "%.0f")%")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .minimumScaleFactor(0.5)
+                        .lineLimit(1)
+                        .foregroundColor(textColor)
+                        .padding(5)
+                }
+                .frame(maxWidth: .infinity, alignment: .center)
+                .frame(height: 100)
+            }
+        }
+    }
+    
+    var shareView: some View {
+        VStack {
+            Text(String(format: String(localized: "share_view_month_moods_total_template_title"), Random.monthName(fromMonthInt: month), moodEntries.count))
+                .font(.title)
+                .foregroundColor(textColor)
+                .frame(maxWidth: .infinity, alignment: .center)
+                .padding()
+            
+            HStack {
+                ForEach(Mood.allValues, id: \.self) { mood in
+                    Circle()
+                        .frame(minWidth: 10, idealWidth: 70, maxWidth: 100, minHeight: 10, idealHeight: 70, maxHeight: 100)
+                        .aspectRatio(contentMode: .fit)
+                        .foregroundColor(moodTint.color(forMood: mood))
+                        .overlay(
+                            mood.icon
+                                .resizable()
+                                .aspectRatio(contentMode: .fit)
+                                .foregroundColor(textColor)
+                                .padding(9)
+                        )
+                }
+            }
+            .padding()
+            
+            VStack {
+                LazyVGrid(columns: columns, spacing: 10) {
+                    ForEach(moodEntries) { entry in
+                        entry.mood.icon
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .foregroundColor(moodTint.color(forMood: entry.mood))
+                    }
+                }
+            }
+            .padding()
+            
+            circularViews
+                .padding()
+        }
+        .background(Color(UIColor.secondarySystemBackground))
+        .cornerRadius(10)
+        .padding()
+    }
+    
+    var mainView: some View {
+        VStack {
+            shareView
+                
+            Spacer()
+            HStack(alignment: .center) {
+                Button(action: {
+                    let _image = self.image
+                    self.shareImage.showFuckingSheet = true
+                    self.shareImage.fuckingWrappedShrable = _image
+                }, label: {
+                    Text("Share")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .sheet(isPresented: self.$shareImage.showFuckingSheet) {
+                        if let uiImage = self.shareImage.fuckingWrappedShrable {
+                            ShareSheet(photo: uiImage)
+                        }
+                    }
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.green
+                    )
+                    .padding(.trailing, -5)
+                
+                Button(action: {
+                    presentationMode.wrappedValue.dismiss()
+                }, label: {
+                    Text("Exit")
+                        .font(.title)
+                        .fontWeight(.bold)
+                        .foregroundColor(Color.white)
+                        .padding(.top, 20)
+                })
+                    .frame(maxWidth: .infinity, alignment: .center)
+                    .background(
+                        Color.red
+                    )
+                    .padding(.leading, -5)
+            }
+            .padding([.leading, .trailing], -20)
+        }
+    }
+    
+    var body: some View {
+        if isPreview {
+            shareView
+                .scaleEffect(2)
+        } else {
+            mainView
+        }
+    }
+}
+
+struct MonthTotalTemplate_Previews: PreviewProvider {
+    static var previews: some View {
+        MonthTotalTemplate(isPreview: true, startDate: Date().startOfMonth, endDate: Date().endOfMonth, fakeData: true)
+        
+        MonthTotalTemplate(isPreview: false, startDate: Date().startOfMonth, endDate: Date().endOfMonth, fakeData: true)
+        
+        MonthTotalTemplate(isPreview: false, startDate: Date().startOfMonth, endDate: Date().endOfMonth, fakeData: true).shareView
+    }
+}

Shared/Views/SharingTemplates/WeekTotalTemplate.swift

@@ -0,0 +1,48 @@
+//
+//  WeekTotalTemplate.swift
+//  Feels (iOS)
+//
+//  Created by Trey Tartt on 2/9/22.
+//
+
+import SwiftUI
+
+struct WeekTotalTemplate: View, SharingTemplate {
+    static var description: String {
+        "WeekTotalTemplate"
+    }
+    
+    var image: UIImage {
+        return  UIImage(systemName: "square.and.arrow.up")!
+    }
+    
+    var isPreview: Bool
+    
+    var startDate: Date
+    var endDate: Date
+    
+    var preview: some View {
+        Rectangle()
+            .frame(width: 150, height: 50, alignment: .leading)
+    }
+    
+    var mainView: some View {
+        Text("WeekTotalTemplate body")
+    }
+    
+    var body: some View {
+        if isPreview {
+            preview
+        } else {
+            mainView
+        }
+    }
+}
+
+struct WeekTotalTemplate_Previews: PreviewProvider {
+    static var previews: some View {
+        WeekTotalTemplate(isPreview: true, startDate: Date(), endDate: Date())
+        
+        WeekTotalTemplate(isPreview: false, startDate: Date(), endDate: Date())
+    }
+}