Refactoring Components

Container components

AddEditBookmarkHanger

Location: app/renderer/components/autofill/addEditBookmarkHanger.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8928
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

AudioTabIcon

Location: app/renderer/components/tabs/content/audioTabIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

AutofillAddressPanel

Location: app/renderer/components/autofill/autofillAddressPanel.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

AutofillCreditCardPanel

Location: app/renderer/components/autofill/autofillCreditCardPanel.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

BookmarksToolbar

Location: app/renderer/components/bookmarks/bookmarksToolbar.js

• ✓ App folder
• ✓ Split
• ✕ Redux #9030
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

BookmarkToolbarButton

Location: app/renderer/components/bookmarks/bookmarkToolbarButton.js

• ✓ App folder
• ✓ Split
• ✕ Redux #9030
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

BraveryPanel

Location: app/renderer/components/main/braveryPanel.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

BrowserAction

Location: app/renderer/components/navigation/browserAction.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8658
• ✓ Primitives
• ✓ Actions
• ✓ Aphrodite

CheckDefaultBrowserDialog

Location: app/renderer/components/checkDefaultBrowserDialog.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

CloseTabIcon

Location: app/renderer/components/tabs/content/closeTabIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

ContextMenu

Location: app/renderer/components/common/contextMenu.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

ContextMenuItem

Location: app/renderer/components/common/contextMenu.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

ContextMenuSingle

Location: app/renderer/components/common/contextMenu.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

DownloadItem

Location: app/renderer/components/download/downloadItem.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9271
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

DownloadsBar

Location: app/renderer/components/download/downloadsBar.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9271
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

FavIcon

Location: app/renderer/components/tabs/content/favIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

FindBar

Location: app/renderer/components/main/findbar.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Frame

Location: app/renderer/components/frame/frame.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8225
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

ImportBrowserDataPanel

Location: app/renderer/components/importBrowserDataPanel.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

LoginRequired

Location: app/renderer/components/loginRequired.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Main

Location: app/renderer/components/main/main.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

MenuBar

Location: app/renderer/components/navigation/menuBar.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8656
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

MenuBarItem

Location: app/renderer/components/navigation/menuBarItem.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8656
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

MessageBox

Location: app/renderer/components/common/messageBox.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8225
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NavigationBar

Location: app/renderer/components/navigation/navigationBar.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8266
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Navigator

Location: app/renderer/components/navigation/navigator.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8658
• ✓ Primitives
• ✕ Actions
• ✕ Aphrodite

NewSessionIcon

Location: app/renderer/components/tabs/content/newSessionIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NoScriptCheckbox

Location: app/renderer/components/main/noScriptInfo.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NoScriptInfo

Location: app/renderer/components/main/noScriptInfo.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NotificationBar

Location: app/renderer/components/main/notificationBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NotificationBarCaret

Location: app/renderer/components/main/notificationBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

NotificationItem

Location: app/renderer/components/main/notificationBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

PinnedTabs

Location: app/renderer/components/tabs/pinnedTabs.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

PrivateIcon

Location: app/renderer/components/tabs/content/privateIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

PublisherToggle

Location: app/renderer/components/navigation/publisherToggle.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9329
• ✕ Primitives
• ✕ Actions
• ✓ Aphrodite

ReleaseNotes

Location: app/renderer/components/releaseNotes.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✓ Aphrodite

SiteInfo

Location: app/renderer/components/main/siteInfo.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9413
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Tab

Location: app/renderer/components/tabs/tab.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

TabPage

Location: app/renderer/components/tabs/tabPage.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9414
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

TabPages

Location: app/renderer/components/tabs/tabPages.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9414
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

TabTitle

Location: app/renderer/components/tabs/content/tabTitle.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Tabs

Location: app/renderer/components/tabs/tabs.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

TabsToolbar

Location: app/renderer/components/tabs/tabsToolbar.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8396
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateAvailable

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateBar

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateChecking

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateDownloading

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateError

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateHello

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateHide

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateNotAvailable

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UpdateLog

Location: app/renderer/components/main/updateBar.js

• ✓ App folder
• ✕ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UrlBar

Location: app/renderer/components/navigation/urlBar.js

• ✓ App folder
• ✓ Split
• ✓ Redux #8266
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UrlBarIcon

Location: app/renderer/components/navigation/urlBarIcon.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9415
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UrlBarSuggestionItem

Location: app/renderer/components/navigation/urlBarSuggestionItem.js

• ✓ App folder
• ✓ Split
• -- Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

UrlBarSuggestions

Location: app/renderer/components/navigation/urlBarSuggestionItem.js

• ✓ App folder
• ✓ Split
• ✓ Redux #9051
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Window

Location: app/renderer/components/window.js

• ✓ App folder
• ✓ Split
• ✕ Redux
• ✕ Primitives
• ✕ Actions
• ✕ Aphrodite

Presentational components

AboutPageSectionSubTitle

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

AboutPageSectionTitle

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

BrowserActionBadge

Location: app/renderer/components/navigation/browserActionBadge.js

• ✓ App folder
• ✕ Aphrodite

BrowserButton

Location: app/renderer/components/common/browserButton.js

• ✓ App folder
• ✕ Aphrodite

Button

Location: japp/renderer/components/common/button.js

• ✓ App folder
• ✕ Aphrodite

ClipboardButton

Location: app/renderer/components/common/clipboardButton.js

• ✓ App folder
• ✕ Aphrodite

CommonForm

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormBookmarkHanger

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormBottomWrapper

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormButtonWrapper

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormDropdown

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormClickable

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormLarge

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormMedium

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormSection

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormSmall

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormSubSection

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormTextbox

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

CommonFormTitle

Location: app/renderer/components/common/commonForm.js

• ✓ App folder
• ✕ Aphrodite

DefaultSectionTitle

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

DefaultTextArea

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

Dialog

Location: japp/renderer/components/common/dialog.js

• ✓ App folder
• ✕ Aphrodite

DialogButton

Location: japp/renderer/components/common/dialogButton.js

• ✓ App folder
• ✕ Aphrodite

DownloadList

Location: app/renderer/components/common/list.js

• ✓ App folder
• ✕ Aphrodite

Dropdown

Location: app/renderer/components/common/dropdown.js

• ✓ App folder
• ✕ Aphrodite

FormDropdown

Location: app/renderer/components/common/dropdown.js

• ✓ App folder
• ✕ Aphrodite

FormTextbox

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

FullScreenWarning

Location: app/renderer/components/fullScreenWarning.js

• ✓ App folder
• ✕ Aphrodite

HelpfulText

Location: app/renderer/components/helpfulText.js

• ✓ App folder
• ✕ Aphrodite

List

Location: app/renderer/components/common/list.js

• ✓ App folder
• ✕ Aphrodite

LongPressButton

Location: japp/renderer/components/common/longPressButton.js

• ✓ App folder
• ✕ Aphrodite

ModalOverlay

Location: japp/renderer/components/common/modalOverlay.js

• ✓ App folder
• ✕ Aphrodite

PopupWindow

Location: app/renderer/components/main/popupWindow.js

• ✓ App folder
• ✓ Aphrodite

RecoveryKeyTextbox

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

SectionLabelTitle

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

SectionTitleLabelWrapper

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

SectionTitleWrapper

Location: app/renderer/components/common/sectionTitle.js

• ✓ App folder
• ✕ Aphrodite

SettingCheckbox

Location: app/renderer/components/settings.js

• ✓ App folder
• ✕ Aphrodite

SettingDropdown

Location: app/renderer/components/common/dropdown.js

• ✓ App folder
• ✕ Aphrodite

SettingItem

Location: app/renderer/components/settings.js

• ✓ App folder
• ✕ Aphrodite

SettingItemIcon

Location: app/renderer/components/settings.js

• ✓ App folder
• ✕ Aphrodite

SettingTextbox

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

SettingsList

Location: app/renderer/components/settings.js

• ✓ App folder
• ✕ Aphrodite

SiteSettingCheckbox

Location: app/renderer/components/settings.js

• ✓ App folder
• ✕ Aphrodite

SortableTable

Location: app/renderer/components/common/sortableTable.js

• ✓ App folder
• ✓ Aphrodite

SwitchControl

Location: app/renderer/components/common/switchControl.js

• ✓ App folder
• ✓ Aphrodite

TabIcon

Location: app/renderer/components/tabs/content/tabIcon.js

• ✓ App folder
• ✕ Aphrodite

TextArea

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

Textbox

Location: app/renderer/components/common/textbox.js

• ✓ App folder
• ✕ Aphrodite

WidevineInfo

Location: app/renderer/components/widevineInfo.js

• ✓ App folder
• ✕ Aphrodite

WindowCaptionButtons

Location: app/renderer/components/navigation/windowCaptionButtons.js

• ✓ App folder
• ✕ Aphrodite