feat: Twitter sign-in button styling

russellwheatley · russellwheatley · commit 94415ff7bd5e · 2025-10-10T09:37:16.000+01:00
diff --git a/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/Contents.json b/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/Contents.json
@@ -0,0 +1,7 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
+
diff --git a/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/twitter_logo.imageset/Contents.json b/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/twitter_logo.imageset/Contents.json
@@ -0,0 +1,26 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_twitter-white.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
+
diff --git a/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/twitter_logo.imageset/ic_twitter-white.png b/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Resources/Media.xcassets/twitter_logo.imageset/ic_twitter-white.png
diff --git a/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Views/SignInWithTwitterButton.swift b/FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources/Views/SignInWithTwitterButton.swift
@@ -32,7 +32,21 @@ extension SignInWithTwitterButton: View {
         try await authService.signIn(provider)
       }
     }) {
-      Text("Sign in with Twitter")
+      HStack {
+        Image("twitter_logo", bundle: .module)
+          .resizable()
+          .renderingMode(.template)
+          .scaledToFit()
+          .frame(width: 24, height: 24)
+          .foregroundColor(.white)
+        Text("Sign in with Twitter")
+          .fontWeight(.semibold)
+          .foregroundColor(.white)
+      }
+      .frame(maxWidth: .infinity, alignment: .leading)
+      .padding()
+      .background(Color.black)
+      .cornerRadius(8)
     }
   }
 }
diff --git a/Package.swift b/Package.swift
@@ -316,7 +316,10 @@ let package = Package(
       dependencies: [
         "FirebaseAuthSwiftUI",
       ],
-      path: "FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources"
+      path: "FirebaseSwiftUI/FirebaseTwitterSwiftUI/Sources",
+      resources: [
+        .process("Resources")
+      ]
     ),
     .testTarget(
       name: "FirebaseTwitterSwiftUITests",

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,21 @@ extension SignInWithTwitterButton: View {`
`32`	`32`	`try await authService.signIn(provider)`
`33`	`33`	`}`
`34`	`34`	`}) {`
`35`		`- Text("Sign in with Twitter")`
	`35`	`+ HStack {`
	`36`	`+ Image("twitter_logo", bundle: .module)`
	`37`	`+ .resizable()`
	`38`	`+ .renderingMode(.template)`
	`39`	`+ .scaledToFit()`
	`40`	`+ .frame(width: 24, height: 24)`
	`41`	`+ .foregroundColor(.white)`
	`42`	`+ Text("Sign in with Twitter")`
	`43`	`+ .fontWeight(.semibold)`
	`44`	`+ .foregroundColor(.white)`
	`45`	`+ }`
	`46`	`+ .frame(maxWidth: .infinity, alignment: .leading)`
	`47`	`+ .padding()`
	`48`	`+ .background(Color.black)`
	`49`	`+ .cornerRadius(8)`
`36`	`50`	`}`
`37`	`51`	`}`
`38`	`52`	`}`