new icon!

Author: RafaelGB

src/DatabaseView.tsx

@@ -32,7 +32,6 @@ import DatabaseInfo from "services/DatabaseInfo";
 import { LOGGER } from "services/Logger";
 import { SettingsModal } from "Settings";
 import StateManager from "StateManager";
-export const databaseIcon = "blocks";
 
 export class DatabaseView extends TextFileView implements HoverParent {
   plugin: DBFolderPlugin;

src/helpers/Constants.ts

@@ -331,5 +331,12 @@ export const SUGGESTER_REGEX = Object.freeze({
 
   LINK_BLOCK: /\B\[\[([^#\]]+)#?\^([^\]]*)$/,
   EMBED_BLOCK: /\B!\[\[([^#\]]+)#?\^([^\]]*)$/
+});
 
+/******************************************************************************
+ *                          ICONS CONSTANTS
+ ******************************************************************************/
+export const DB_ICONS = Object.freeze({
+  NAME: 'database-folder-icon',
+  ICON: `<g transform="matrix(0.06 0 0 0.05 52 52)"><path stroke="currentColor" fill="#fff" vector-effect="non-scaling-stroke"  transform=" translate(-896, -896)" d="M 896 768 q 237 0 443 -43 t 325 -127 v 170 q 0 69 -103 128 t -280 93.5 t -385 34.5 t -385 -34.5 t -280 -93.5 t -103 -128 v -170 q 119 84 325 127 t 443 43 z m 0 768 q 237 0 443 -43 t 325 -127 v 170 q 0 69 -103 128 t -280 93.5 t -385 34.5 t -385 -34.5 t -280 -93.5 t -103 -128 v -170 q 119 84 325 127 t 443 43 z m 0 -384 q 237 0 443 -43 t 325 -127 v 170 q 0 69 -103 128 t -280 93.5 t -385 34.5 t -385 -34.5 t -280 -93.5 t -103 -128 v -170 q 119 84 325 127 t 443 43 z m 0 -1152 q 208 0 385 34.5 t 280 93.5 t 103 128 v 128 q 0 69 -103 128 t -280 93.5 t -385 34.5 t -385 -34.5 t -280 -93.5 t -103 -128 v -128 q 0 -69 103 -128 t 280 -93.5 t 385 -34.5 z" stroke-linecap="round" /></g>`
 });

src/main.ts

@@ -7,11 +7,11 @@ import {
 	ViewState,
 	Platform,
 	MarkdownView,
+	addIcon,
 } from 'obsidian';
 
 import {
 	DatabaseView,
-	databaseIcon,
 } from 'DatabaseView';
 
 import {
@@ -28,7 +28,7 @@ import { DatabaseSettings, LocalSettings } from 'cdm/SettingsModel';
 import StateManager from 'StateManager';
 import { around } from 'monkey-around';
 import { LOGGER } from 'services/Logger';
-import { DatabaseCore, DatabaseFrontmatterOptions, DEFAULT_SETTINGS, YAML_INDENT } from 'helpers/Constants';
+import { DatabaseCore, DB_ICONS, DEFAULT_SETTINGS, YAML_INDENT } from 'helpers/Constants';
 import { PreviewDatabaseModeService } from 'services/MarkdownPostProcessorService';
 import { unmountComponentAtNode } from 'react-dom';
 import { isDatabaseNote } from 'helpers/VaultManagement';
@@ -66,7 +66,7 @@ export default class DBFolderPlugin extends Plugin {
 
 	async onload(): Promise<void> {
 		await this.load_settings();
-
+		addIcon(DB_ICONS.NAME, DB_ICONS.ICON);
 		this.registerEvent(
 			app.workspace.on('window-open', (_: any, win: Window) => {
 				this.mount(win);
@@ -331,7 +331,7 @@ export default class DBFolderPlugin extends Plugin {
 					menu.addItem((item) => {
 						item
 							.setTitle('New database folder')
-							.setIcon(databaseIcon)
+							.setIcon(DB_ICONS.NAME)
 							.onClick(() => generateNewDatabase(
 								generateDbConfiguration(this.settings.local_settings),
 								file
@@ -361,7 +361,7 @@ export default class DBFolderPlugin extends Plugin {
 						menu.addItem((item) => {
 							item
 								.setTitle('Open as database folder')
-								.setIcon(databaseIcon)
+								.setIcon(DB_ICONS.NAME)
 								.setSection('pane')
 								.onClick(() => {
 									this.databaseFileModes[(leaf as any).id || file.path] =
@@ -382,7 +382,7 @@ export default class DBFolderPlugin extends Plugin {
 					menu.addItem((item) => {
 						item
 							.setTitle('Open as database folder')
-							.setIcon(databaseIcon)
+							.setIcon(DB_ICONS.NAME)
 							.setSection('pane')
 							.onClick(() => {
 								this.databaseFileModes[(leaf as any).id || file.path] =
@@ -401,6 +401,10 @@ export default class DBFolderPlugin extends Plugin {
 			name: 'Create a new database table',
 			callback: () => new DatabaseHelperCreationModal(this.settings.local_settings).open(),
 		});
+
+		this.addRibbonIcon(DB_ICONS.NAME, "Create a new database table", async (e) => {
+			new DatabaseHelperCreationModal(this.settings.local_settings).open()
+		});
 	}
 	/**
 	 * Displays a transcluded .excalidraw image in markdown preview mode