fix(app): update button styling in publish modal and fix cors issue f…

…or the git-auth functionality
Vexilla · May 5, 2024 · 893d4b4 · 893d4b4
1 parent 38a9b41
commit 893d4b4
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/apps/app/src/components/Status.tsx b/apps/app/src/components/Status.tsx
@@ -478,7 +478,7 @@ function DiffModal({
           </Button>
           <Button
             variant="filled"
-            c="red"
+            color="red"
             onClick={rejectAll}
             disabled={approvalCount === changes.length}
           >
@@ -513,7 +513,7 @@ function DiffModal({
                     >
                       <ActionIcon
                         variant="subtle"
-                        c="gray"
+                        color="gray"
                         title={
                           collapsedDiffs[changePath] ? "Expand" : "Collapse"
                         }
@@ -547,7 +547,7 @@ function DiffModal({
                       <ActionIcon
                         size={"sm"}
                         variant="filled"
-                        c="blue"
+                        color="blue"
                         title="Accept Change"
                         onClick={() => {
                           acceptOne(change);
@@ -558,7 +558,7 @@ function DiffModal({
                       <ActionIcon
                         size={"sm"}
                         variant="filled"
-                        c="red"
+                        color="red"
                         title="Reject Change"
                         onClick={() => {
                           rejectOne(change);

diff --git a/apps/app/src/components/TimelineItemTitle.tsx b/apps/app/src/components/TimelineItemTitle.tsx
@@ -11,7 +11,7 @@ export function TimelineItemTitle({
   tooltipText?: string;
 }) {
   return (
-    <Flex direction="row" gap="0.25rem" className="mb-2">
+    <Flex direction="row" gap="0.25rem" align={"flex-start"} className="mb-2">
       <h4 className="m-0 p-0">{title}</h4>
       {!!tooltipText && <CustomTooltip tooltipText={tooltipText} />}
     </Flex>

diff --git a/apps/app/src/components/app/forms/GithubForm.tsx b/apps/app/src/components/app/forms/GithubForm.tsx
@@ -250,6 +250,7 @@ export function GithubForm({ config }: GithubFormProps) {
                 </Button>
 
                 <ActionIcon
+                  variant="subtle"
                   onClick={() => {
                     clearHosting();
                   }}
@@ -303,6 +304,7 @@ export function GithubForm({ config }: GithubFormProps) {
             )}
 
             <ActionIcon
+              variant="subtle"
               onClick={() => {
                 refresh();
               }}

diff --git a/apps/app/src/components/app/forms/_GitForm.tsx b/apps/app/src/components/app/forms/_GitForm.tsx
@@ -99,6 +99,7 @@ export function GitForm({
             />
 
             <ActionIcon
+              variant="subtle"
               title="Edit your installation's repository access"
               onClick={() => {
                 window
@@ -144,6 +145,7 @@ export function GitForm({
             />
 
             <ActionIcon
+              variant="subtle"
               onClick={() => {
                 refresh();
               }}

diff --git a/apps/git-auth/src/routes/oauth/github/+server.ts b/apps/git-auth/src/routes/oauth/github/+server.ts
@@ -58,4 +58,9 @@ export async function POST({ request }: { request: Request }) {
 
 // If `OPTIONS` is not defined, Next.js will automatically implement `OPTIONS` and  set the appropriate Response `Allow` header depending on the other methods defined in the route handler.
 // What about Sveltekit?
-// export async function OPTIONS(request: Request) {}
+export async function OPTIONS(request: Request) {
+	return new Response(JSON.stringify({}), {
+		status: 200,
+		headers: commonHeaders
+	});
+}