diff --git a/apps/arc-web/app/layouts/app-shell.tsx b/apps/arc-web/app/layouts/app-shell.tsx
index c48549398..4971adc28 100644
--- a/apps/arc-web/app/layouts/app-shell.tsx
+++ b/apps/arc-web/app/layouts/app-shell.tsx
@@ -14,7 +14,7 @@ const user = {
name: "Tom Cook",
email: "tom@example.com",
imageUrl:
- "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
+ "https://avatars.githubusercontent.com/u/19?v=4",
};
const navigation = [
diff --git a/apps/arc-web/app/root.tsx b/apps/arc-web/app/root.tsx
index 5375aa475..85d5f21a5 100644
--- a/apps/arc-web/app/root.tsx
+++ b/apps/arc-web/app/root.tsx
@@ -11,6 +11,9 @@ import type { Route } from "./+types/root";
import "./app.css";
export const links: Route.LinksFunction = () => [
+ { rel: "icon", href: "/favicon.svg", type: "image/svg+xml" },
+ { rel: "icon", href: "/favicon.ico", sizes: "32x32" },
+ { rel: "apple-touch-icon", href: "/apple-touch-icon.png" },
{ rel: "preconnect", href: "https://fonts.googleapis.com" },
{
rel: "preconnect",
diff --git a/apps/arc-web/app/routes/pipelines.tsx b/apps/arc-web/app/routes/pipelines.tsx
index 81fce8851..3e685a385 100644
--- a/apps/arc-web/app/routes/pipelines.tsx
+++ b/apps/arc-web/app/routes/pipelines.tsx
@@ -73,7 +73,7 @@ interface Column {
accent: string;
iconColor: string;
icon: React.ComponentType<{ className?: string }>;
- action?: string;
+ actions?: string[];
items: PullRequest[];
}
@@ -84,7 +84,7 @@ const columns: Column[] = [
accent: "bg-teal-500",
iconColor: "text-teal-500",
icon: GitBranchIcon,
- action: "Watch",
+ actions: ["Watch", "Steer"],
items: [
{
repo: "api-server",
@@ -112,7 +112,7 @@ const columns: Column[] = [
accent: "bg-amber",
iconColor: "text-amber",
icon: GitBranchIcon,
- action: "Answer Question",
+ actions: ["Answer Question"],
items: [
{
repo: "api-server",
@@ -136,7 +136,7 @@ const columns: Column[] = [
accent: "bg-mint",
iconColor: "text-mint",
icon: GitPullRequestIcon,
- action: "Resolve",
+ actions: ["Resolve"],
items: [
{
repo: "web-dashboard",
@@ -165,7 +165,7 @@ const columns: Column[] = [
accent: "bg-teal-300",
iconColor: "text-teal-300",
icon: GitPullRequestIcon,
- action: "Merge",
+ actions: ["Merge"],
items: [
{
repo: "api-server",
@@ -221,12 +221,12 @@ function PrCard({
pr,
icon: Icon,
iconColor,
- action,
+ actions,
}: {
pr: PullRequest;
icon: React.ComponentType<{ className?: string }>;
iconColor: string;
- action?: string;
+ actions?: string[];
}) {
return (
@@ -274,14 +274,19 @@ function PrCard({
)}
- {action != null && (
-
+ {actions != null && actions.length > 0 && (
+
+ {actions.map((label) => (
+
+ ))}
+
)}
);
@@ -307,7 +312,7 @@ function BoardColumn({ column }: { column: Column }) {
pr={pr}
icon={column.icon}
iconColor={column.iconColor}
- action={column.action}
+ actions={column.actions}
/>
))}
diff --git a/apps/arc-web/public/apple-touch-icon.png b/apps/arc-web/public/apple-touch-icon.png
new file mode 100644
index 000000000..18b00e20a
Binary files /dev/null and b/apps/arc-web/public/apple-touch-icon.png differ
diff --git a/apps/arc-web/public/favicon.ico b/apps/arc-web/public/favicon.ico
index 5dbdfcddc..072597cc3 100644
Binary files a/apps/arc-web/public/favicon.ico and b/apps/arc-web/public/favicon.ico differ
diff --git a/apps/arc-web/public/favicon.svg b/apps/arc-web/public/favicon.svg
new file mode 100644
index 000000000..f68b0422e
--- /dev/null
+++ b/apps/arc-web/public/favicon.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/apps/arc-web/public/icon-192.png b/apps/arc-web/public/icon-192.png
new file mode 100644
index 000000000..4236bd579
Binary files /dev/null and b/apps/arc-web/public/icon-192.png differ
diff --git a/apps/arc-web/public/icon-512.png b/apps/arc-web/public/icon-512.png
new file mode 100644
index 000000000..639ab2831
Binary files /dev/null and b/apps/arc-web/public/icon-512.png differ