fix: update homepage URL and make tab URL optional in types

Author: afnx

src/features/browser/browserSlice.ts

@@ -2,14 +2,14 @@ import { createSlice, nanoid, PayloadAction } from "@reduxjs/toolkit";
 import { BrowserState, BrowserTab } from "./types";
 
 const homePageUrl =
-  process.env.EXPO_PUBLIC_HOME_PAGE_URL || "https://afnprojects.com";
+  process.env.EXPO_PUBLIC_HOME_PAGE_URL || "https://www.google.com";
 
 const initialState: BrowserState = {
   tabs: [
     {
       id: "1",
       url: homePageUrl,
-      title: "Ali Fuat Numanoglu's Projects",
+      title: "Homepage",
       isLoading: false,
       canGoBack: false,
       canGoForward: false,
@@ -25,21 +25,30 @@ const browserSlice = createSlice({
   name: "browser",
   initialState,
   reducers: {
-    addTab: (state, action: PayloadAction<{ url?: string }>) => {
-      const newTab: BrowserTab = {
-        id: nanoid(),
-        url: action.payload.url || homePageUrl,
-        title: "New Tab",
-        isLoading: false,
-        canGoBack: false,
-        canGoForward: false,
-        activeScripts: [],
-      };
-      state.tabs.push(newTab);
-      state.activeTabId = newTab.id;
-      state.showTabs = false;
+    addTab: {
+      reducer: (state, action: PayloadAction<{ id: string; url?: string }>) => {
+        const newTab: BrowserTab = {
+          id: action.payload.id,
+          url: action.payload.url || homePageUrl,
+          title: "New Tab",
+          isLoading: false,
+          canGoBack: false,
+          canGoForward: false,
+          activeScripts: [],
+        };
+        state.tabs.push(newTab);
+        state.activeTabId = newTab.id;
+        state.showTabs = false;
+      },
+      prepare: (url?: string) => {
+        return {
+          payload: {
+            id: nanoid(),
+            url,
+          },
+        };
+      },
     },
-
     closeTab: (state, action: PayloadAction<string>) => {
       const tabId = action.payload;
       state.tabs = state.tabs.filter((tab) => tab.id !== tabId);

src/features/browser/types.ts

@@ -1,6 +1,6 @@
 export interface BrowserTab {
   id: string;
-  url: string;
+  url?: string;
   title: string;
   favicon?: string;
   isLoading: boolean;